chore: 弹窗背景图

src/components/pop-view/index.vue

@@ -7,6 +7,11 @@
     width="654rpx"
     :mask-close-able="false"
   >
+    <image
+      :src="tanchuangdingbuImage"
+      class="back-image"
+      mode="widthFix"
+    ></image>
     <view class="pop-view">
       <view class="pop-title">
         <text>{{ title }}</text>
@@ -68,6 +73,9 @@ export default {
     }
   },
   computed: {
+    tanchuangdingbuImage() {
+      return process.uniEnv.qn_base_url + 'tanchuangdingbu.png'
+    },
     customStyleCancel() {
       return {
         width: '264rpx',
@@ -110,13 +118,20 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.back-image {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
 .pop-view {
   padding: 48rpx 40rpx;
   min-height: 520rpx;
   position: relative;
-  background-image: linear-gradient(to top, #ffffff 0%, #e9f3ff 50%);
-  background-size: 100% 240rpx;
-  background-repeat: no-repeat;
+  // background-image: linear-gradient(to top, #ffffff 0%, #e9f3ff 50%);
+  // background-size: 100% 240rpx;
+  // background-repeat: no-repeat;
+
   .pop-title {
     font-size: 40rpx;
     margin-bottom: 30rpx;

src/components/toast-pop/index.vue

@@ -7,6 +7,11 @@
     width="654rpx"
     :mask-close-able="false"
   >
+    <image
+      :src="tanchuangdingbuImage"
+      class="back-image"
+      mode="widthFix"
+    ></image>
     <view class="toast-pop">
       <view class="pop-title">
         <text>{{ title }}</text>
@@ -51,6 +56,9 @@ export default {
     return {}
   },
   computed: {
+    tanchuangdingbuImage() {
+      return process.uniEnv.qn_base_url + 'tanchuangdingbu.png'
+    },
     message() {
       switch (this.type) {
         case 'select':
@@ -104,12 +112,18 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.back-image {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
 .toast-pop {
   min-height: 480rpx;
   position: relative;
-  background-image: linear-gradient(to top, #ffffff 0%, #e9f3ff 50%);
-  background-size: 100% 240rpx;
-  background-repeat: no-repeat;
+  // background-image: linear-gradient(to top, #ffffff 0%, #e9f3ff 50%);
+  // background-size: 100% 240rpx;
+  // background-repeat: no-repeat;
   text-align: center;
   .pop-title {
     font-size: 40rpx;