Browse Source

fix(magic): image bug

richard1015 4 years ago
parent
commit
7ebe7755e2

BIN
src/assets/img/magic/bg-cube-act.png


BIN
src/assets/img/magic/bg-cube-lbs.png


BIN
src/assets/img/magic/bg-cube-pic.png


BIN
src/assets/img/magic/bg-cube-rank.png


BIN
src/assets/img/magic/icon-location.png


+ 3 - 3
src/packages/coupon/demo.vue

@@ -35,7 +35,7 @@
           discount="2"
           cText1="满49元可用"
           cText2="仅可购买年货节头号京贴活动商品"
-          cImage="http://m.360buyimg.com/babel/s250x250_jfs/t1/137621/21/15770/49049/5fbe0520E043b4ce5/f8a1e0e877908389.jpg"
+          cImage="https://m.360buyimg.com/babel/s250x250_jfs/t1/137621/21/15770/49049/5fbe0520E043b4ce5/f8a1e0e877908389.jpg"
           state="0"
           @click="handleClick()"
         />
@@ -46,7 +46,7 @@
           discount="8折"
           cText1="满199元可用"
           cText2="仅可购买年货节头号京贴活动商品"
-          cImage="http://m.360buyimg.com/babel/s250x250_jfs/t1/132022/33/3322/189592/5ef9d0c4Ece6a3708/c5dc348d3f943324.jpg"
+          cImage="https://m.360buyimg.com/babel/s250x250_jfs/t1/132022/33/3322/189592/5ef9d0c4Ece6a3708/c5dc348d3f943324.jpg"
           state="1"
           @click="handleClick()"
         />
@@ -57,7 +57,7 @@
           discount="5"
           cText1="满99元可用"
           cText2="全品类券"
-          cImage="http://m.360buyimg.com/babel/s250x250_jfs/t1/113459/35/17982/103219/5f6338c6Ec5691153/7e8cf299c6318afe.jpg"
+          cImage="https://m.360buyimg.com/babel/s250x250_jfs/t1/113459/35/17982/103219/5f6338c6Ec5691153/7e8cf299c6318afe.jpg"
           state="2"
           @click="handleClick()"
         />

+ 10 - 5
src/packages/magic/Cube/CubeItem.vue

@@ -119,7 +119,8 @@ $module_name: '.cube-item';
   // 图片
   &--pic {
     &::before {
-      background: url('../../../assets/img/magic/bg-cube-pic.png') no-repeat center/100%;
+      background: url('https://img12.360buyimg.com/imagetools/jfs/t1/184083/34/6101/38841/60b065caEaaf7c5d0/eec4cd260f46d9f0.png') no-repeat
+        center/100%;
       height: 100%;
     }
     .cube-item-box {
@@ -135,7 +136,8 @@ $module_name: '.cube-item';
   // 活动
   &--act {
     &::before {
-      background: url('../../../assets/img/magic/bg-cube-act.png') no-repeat center/100%;
+      background: url('https://img11.360buyimg.com/imagetools/jfs/t1/195605/17/5252/39357/60b065caEe0aa4c7e/04a341f4e51c6a9b.png') no-repeat
+        center/100%;
     }
     .sub-desc {
       background: #ff5c17;
@@ -144,7 +146,8 @@ $module_name: '.cube-item';
   // 榜单
   &--rank {
     &::before {
-      background: url('../../../assets/img/magic/bg-cube-rank.png') no-repeat center/100%;
+      background: url('https://img14.360buyimg.com/imagetools/jfs/t1/183388/37/6207/39741/60b065caEea1440a1/8860c63660fc9ac4.png') no-repeat
+        center/100%;
     }
     .sub-desc {
       background: #1f95fb;
@@ -153,7 +156,8 @@ $module_name: '.cube-item';
   // shop
   &--shop {
     &::before {
-      background: url('../../../assets/img/magic/bg-cube-pic.png') no-repeat center/100%;
+      background: url('https://img12.360buyimg.com/imagetools/jfs/t1/184083/34/6101/38841/60b065caEaaf7c5d0/eec4cd260f46d9f0.png') no-repeat
+        center/100%;
     }
     .sub-desc {
       background: #ffd01f;
@@ -165,7 +169,8 @@ $module_name: '.cube-item';
   // lbs
   &--lbs {
     &::before {
-      background: url('../../../assets/img/magic/bg-cube-lbs.png') no-repeat center/100%;
+      background: url('https://img10.360buyimg.com/imagetools/jfs/t1/129094/23/18726/38672/60b065caEb849e8cb/da761e3ebae5bc84.png') no-repeat
+        center/100%;
     }
     .sub-desc {
       background: #ffd01f;

+ 16 - 16
src/packages/magic/demo.vue

@@ -11,57 +11,57 @@ export default {
       dataArr: [
         {
           type: 'rank',
-          name: 'name1',
-          pictureUrl: 'https://img10.360buyimg.com/n5/s54x54_jfs/t1/164065/10/8839/39628/603ee7edE9dee283f/e56acfa461919177.jpg',
+          name: 'iphone',
+          pictureUrl: 'https://img14.360buyimg.com/n1/s54x54_jfs/t1/135834/8/12159/69414/5f8619caE7d358383/d44b88e3bcaff342.jpg',
           desc: 'desc',
           link: 'link'
         },
         {
           type: 'rank',
-          name: 'name2',
-          pictureUrl: 'https://img10.360buyimg.com/n5/s54x54_jfs/t1/164065/10/8839/39628/603ee7edE9dee283f/e56acfa461919177.jpg',
+          name: 'iphone2',
+          pictureUrl: 'https://img14.360buyimg.com/n1/s54x54_jfs/t1/135834/8/12159/69414/5f8619caE7d358383/d44b88e3bcaff342.jpg',
           desc: 'desc',
           link: 'link'
         },
         {
           type: 'lbs',
-          name: 'name3',
-          pictureUrl: 'https://img10.360buyimg.com/n5/s54x54_jfs/t1/164065/10/8839/39628/603ee7edE9dee283f/e56acfa461919177.jpg',
+          name: 'iphone3',
+          pictureUrl: 'https://img14.360buyimg.com/n1/s54x54_jfs/t1/135834/8/12159/69414/5f8619caE7d358383/d44b88e3bcaff342.jpg',
           desc: 'desc',
           link: 'link'
         },
         {
           type: 'lbs',
-          name: 'name4',
-          pictureUrl: 'https://img10.360buyimg.com/n5/s54x54_jfs/t1/164065/10/8839/39628/603ee7edE9dee283f/e56acfa461919177.jpg',
+          name: 'iphone4',
+          pictureUrl: 'https://img14.360buyimg.com/n1/s54x54_jfs/t1/135834/8/12159/69414/5f8619caE7d358383/d44b88e3bcaff342.jpg',
           desc: 'desc',
           link: 'link'
         },
         {
           type: 'act',
-          name: 'name5',
-          pictureUrl: 'https://img10.360buyimg.com/n5/s54x54_jfs/t1/164065/10/8839/39628/603ee7edE9dee283f/e56acfa461919177.jpg',
+          name: 'iphone5',
+          pictureUrl: 'https://img14.360buyimg.com/n1/s54x54_jfs/t1/135834/8/12159/69414/5f8619caE7d358383/d44b88e3bcaff342.jpg',
           desc: 'desc',
           link: 'link'
         },
         {
           type: 'act',
-          name: 'name6',
-          pictureUrl: 'https://img10.360buyimg.com/n5/s54x54_jfs/t1/164065/10/8839/39628/603ee7edE9dee283f/e56acfa461919177.jpg',
+          name: 'iphone6',
+          pictureUrl: 'https://img14.360buyimg.com/n1/s54x54_jfs/t1/135834/8/12159/69414/5f8619caE7d358383/d44b88e3bcaff342.jpg',
           desc: 'desc',
           link: 'link'
         },
         {
           type: 'rank',
-          name: 'name7',
-          pictureUrl: 'https://img10.360buyimg.com/n5/s54x54_jfs/t1/164065/10/8839/39628/603ee7edE9dee283f/e56acfa461919177.jpg',
+          name: 'iphone7',
+          pictureUrl: 'https://img14.360buyimg.com/n1/s54x54_jfs/t1/135834/8/12159/69414/5f8619caE7d358383/d44b88e3bcaff342.jpg',
           desc: 'desc',
           link: 'link'
         },
         {
           type: 'rank',
-          name: 'name8',
-          pictureUrl: 'https://img10.360buyimg.com/n5/s54x54_jfs/t1/164065/10/8839/39628/603ee7edE9dee283f/e56acfa461919177.jpg',
+          name: 'iphone8',
+          pictureUrl: 'https://img14.360buyimg.com/n1/s54x54_jfs/t1/135834/8/12159/69414/5f8619caE7d358383/d44b88e3bcaff342.jpg',
           desc: 'desc',
           link: 'link'
         }