静态页面

src/pages/KaiJiangZhanShi/DaLeTou/index.vue

@@ -11,7 +11,7 @@
         <div class="PrizeInfo">
           <div class="flex-h">
             <div class="Icon">
-              <img src="" class="centerLabel cover" alt="">
+              <img src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
             </div>
             <span>大乐透</span>
             <div class="flex-item">
@@ -89,7 +89,7 @@
         <ul class="HistoryList">
           <router-link tag="li" v-for="(item, index) in 10" :key="index" :to="{ name: 'DaLeTouXiangQing' }" class="flex-h">
             <div class="Icon">
-              <img src="" class="centerLabel cover" alt="">
+              <img src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
             </div>
             <span>大乐透</span>
             <div class="flex-item">

src/pages/KaiJiangZhanShi/DaLeTouXiangQing/index.vue

@@ -4,7 +4,7 @@
     <div class="PrizeInfo">
       <div class="flex-h">
         <div class="Icon">
-          <img src="" class="centerLabel cover" alt="">
+          <img src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
         </div>
         <span>大乐透</span>
         <div class="flex-item">

src/pages/KaiJiangZhanShi/LanQiu/index.vue

@@ -4,7 +4,7 @@
     <!-- 开奖日期 -->
     <div class="Time">
       <div class="Icon">
-        <img src="" class="centerLabel contain" alt="">
+        <img src="../../../assets/img/icon6.png" class="centerLabel contain" alt="">
       </div>
       <span>20200815</span>
       <span>星期五</span>

src/pages/KaiJiangZhanShi/ShuangSeQiu/index.vue

@@ -11,7 +11,7 @@
         <div class="PrizeInfo">
           <div class="flex-h">
             <div class="Icon">
-              <img src="" class="centerLabel cover" alt="">
+              <img src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
             </div>
             <span>双色球</span>
             <div class="flex-item">
@@ -88,7 +88,7 @@
         <ul class="HistoryList">
           <router-link tag="li" v-for="(item, index) in 10" :key="index" :to="{ name: 'ShuangSeQiuXiangQing' }" class="flex-h">
             <div class="Icon">
-              <img src="" class="centerLabel cover" alt="">
+              <img src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
             </div>
             <span>双色球</span>
             <div class="flex-item">

src/pages/KaiJiangZhanShi/ShuangSeQiuXiangQing/index.vue

@@ -4,7 +4,7 @@
     <div class="PrizeInfo">
       <div class="flex-h">
         <div class="Icon">
-          <img src="" class="centerLabel cover" alt="">
+          <img src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
         </div>
         <span>双色球</span>
         <div class="flex-item">

src/pages/KaiJiangZhanShi/SubIndex/index.vue

@@ -6,7 +6,7 @@
 
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiZuQiu' }">
             <div class="Icon">
-              <img src="" class="centerLabel cover" alt="">
+              <img src="../../../assets/img/icon3.png" class="centerLabel cover" alt="">
             </div>
             <span>足球</span>
             <div class="flex-item">
@@ -23,7 +23,7 @@
 
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiLanQiu' }">
             <div class="Icon">
-              <img src="" class="centerLabel cover" alt="">
+              <img src="../../../assets/img/icon6.png" class="centerLabel cover" alt="">
             </div>
             <span>篮球</span>
             <div class="flex-item">
@@ -40,7 +40,7 @@
 
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiDaLeTou' }">
             <div class="Icon">
-              <img src="" class="centerLabel cover" alt="">
+              <img src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
             </div>
             <span>大乐透</span>
             <div class="flex-item Small">
@@ -62,7 +62,7 @@
 
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiShuangSeQiu' }">
             <div class="Icon">
-              <img src="" class="centerLabel cover" alt="">
+              <img src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
             </div>
             <span>双色球</span>
             <div class="flex-item Small">

src/pages/KaiJiangZhanShi/ZuQiu/index.vue

@@ -4,7 +4,7 @@
     <!-- 开奖日期 -->
     <div class="Time">
       <div class="Icon">
-        <img src="" class="centerLabel contain" alt="">
+        <img src="../../../assets/img/icon3.png" class="centerLabel contain" alt="">
       </div>
       <span>20200815</span>
       <span>星期五</span>

src/pages/WoDe/UserCenter/index.vue

@@ -16,7 +16,7 @@
       <router-link tag="li" v-for="(item, index) in UserTabList" :key="index" :to="{ name: item.router }" :class="{'LastBorder': index === UserTabList.length - 1 && (index + 1) % 2 !== 0}">
         <div class="flex-h">
           <div class="Icon">
-            <img src="" class="centerLabel contain" alt="">
+            <img :src="item.img" class="centerLabel contain" alt="">
           </div>
           <div class="flex-item">
             <div>
@@ -38,11 +38,11 @@ export default {
   data () {
     return {
       UserTabList: [
-        { name: '我的彩票', desc: '查看购买彩票详情', img: '', router: 'WoDeCaiPiao' },
-        { name: '账号明细', desc: '流水明细', img: '', router: 'ZhangHaoMingXi' },
-        { name: '安全中心', desc: '用户设置', img: '', router: 'AnQuanZhongXin' },
-        { name: '个人设置', desc: '关于我们', img: '', router: 'GeRenSheZhi' },
-        { name: '下载二维码', desc: '分享好友', img: '', router: 'XiaZaiErWeiMa' }
+        { name: '我的彩票', desc: '查看购买彩票详情', img: require('../../../assets/img/icon1.png'), router: 'WoDeCaiPiao' },
+        { name: '账号明细', desc: '流水明细', img: require('../../../assets/img/icon10.png'), router: 'ZhangHaoMingXi' },
+        { name: '安全中心', desc: '用户设置', img: require('../../../assets/img/icon9.png'), router: 'AnQuanZhongXin' },
+        { name: '个人设置', desc: '关于我们', img: require('../../../assets/img/icon8.png'), router: 'GeRenSheZhi' },
+        { name: '下载二维码', desc: '分享好友', img: require('../../../assets/img/icon11.png'), router: 'XiaZaiErWeiMa' }
       ]
     }
   },

src/pages/WoDe/WoDeCaiPiao/index.vue

@@ -10,7 +10,12 @@
             </div>
             <div class="flex-h">
               <div class="Icon">
-                <img src="" class="centerLabel cover" alt="">
+                <img v-if="item.typeId === 'zq'" src="../../../assets/img/icon3.png" class="centerLabel cover" alt="">
+                <img v-if="item.typeId === 'lq'" src="../../../assets/img/icon6.png" class="centerLabel cover" alt="">
+                <img v-if="item.typeId === 'dlt'" src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
+                <img v-if="item.typeId === 'ssq'" src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
+                <img v-if="item.typeId === 'pl3'" src="../../../assets/img/icon7.png" class="centerLabel cover" alt="">
+                <img v-if="item.typeId === 'pl5'" src="../../../assets/img/icon2.png" class="centerLabel cover" alt="">
               </div>
               <div class="flex-item">
                 <span>{{item.type}}</span>

src/pages/index/DaLeTou/index.vue

@@ -4,7 +4,7 @@
     <div class="Top">
       <div class="Time flex-h">
         <div class="Icon">
-          <img src="" class="centerLabel contain" alt="">
+          <img src="../../../assets/img/icon4.png" class="centerLabel contain" alt="">
         </div>
         <div class="flex-item">
           <div>

src/pages/index/LanQiu/index.vue

@@ -17,7 +17,7 @@
     <div class="Top">
       <div class="Time flex-h">
         <div class="Icon">
-          <img src="" class="centerLabel contain" alt="">
+          <img src="../../../assets/img/icon6.png" class="centerLabel contain" alt="">
         </div>
         <div class="flex-item">
           <div>

src/pages/index/PaiLie3/index.vue

@@ -12,7 +12,7 @@
     <div class="Top">
       <div class="Time flex-h">
         <div class="Icon">
-          <img src="" class="centerLabel contain" alt="">
+          <img src="../../../assets/img/icon7.png" class="centerLabel contain" alt="">
         </div>
         <div class="flex-item">
           <div>

src/pages/index/PaiLie5/index.vue

@@ -4,7 +4,7 @@
     <div class="Top">
       <div class="Time flex-h">
         <div class="Icon">
-          <img src="" class="centerLabel contain" alt="">
+          <img src="../../../assets/img/icon2.png" class="centerLabel contain" alt="">
         </div>
         <div class="flex-item">
           <div>

src/pages/index/ShouYe/index.vue

@@ -75,12 +75,12 @@ export default {
         { name: '超级大乐透', id: '4', date: '077期', res: ['12', '45', '58', '22', '44', '25', '48'], active: 2 }
       ],
       LotteryTypeList: [ // 彩票分类列表
-        { img: '', name: '足球', desc: '有态度看直播', router: 'ZuQiu' },
-        { img: '', name: '篮球', desc: '精彩赛事实况', router: 'LanQiu' },
-        { img: '', name: '大乐透', desc: '想要中奖必看', router: 'DaLeTou' },
-        { img: '', name: '双色球', desc: '十分钟开奖', router: 'ShuangSeQiu' },
-        { img: '', name: '排列3', desc: '得仕球迷乐园', router: 'PaiLie3' },
-        { img: '', name: '排列5', desc: '一起抢好运', router: 'PaiLie5' }
+        { img: require('../../../assets/img/icon3.png'), name: '足球', desc: '有态度看直播', router: 'ZuQiu' },
+        { img: require('../../../assets/img/icon6.png'), name: '篮球', desc: '精彩赛事实况', router: 'LanQiu' },
+        { img: require('../../../assets/img/icon4.png'), name: '大乐透', desc: '想要中奖必看', router: 'DaLeTou' },
+        { img: require('../../../assets/img/icon5.png'), name: '双色球', desc: '十分钟开奖', router: 'ShuangSeQiu' },
+        { img: require('../../../assets/img/icon7.png'), name: '排列3', desc: '得仕球迷乐园', router: 'PaiLie3' },
+        { img: require('../../../assets/img/icon2.png'), name: '排列5', desc: '一起抢好运', router: 'PaiLie5' }
       ]
     }
   },

src/pages/index/ShuangSeQiu/index.vue

@@ -4,7 +4,7 @@
     <div class="Top">
       <div class="Time flex-h">
         <div class="Icon">
-          <img src="" class="centerLabel contain" alt="">
+          <img src="../../../assets/img/icon5.png" class="centerLabel contain" alt="">
         </div>
         <div class="flex-item">
           <div>

src/pages/index/ZuQiu/index.vue

@@ -17,7 +17,7 @@
     <div class="Top">
       <div class="Time flex-h">
         <div class="Icon">
-          <img src="" class="centerLabel contain" alt="">
+          <img src="../../../assets/img/icon3.png" class="centerLabel contain" alt="">
         </div>
         <div class="flex-item">
           <div>

src/store/user/index.js

@@ -6,12 +6,12 @@ export default {
   state: {
     UserInfo: null, // 用户信息
     UserOrderList: [ // 用户订单
-      { createDate: '2020-08-14  15:10:20', dateNum: '202076期', type: '超级大乐透', amount: 2, id: 1, orderNum: 'TE202008140000146179970', status: '已撤单' },
-      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', amount: 2, id: 2, orderNum: 'TE202008140000146179970', status: '已下单' },
-      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', amount: 4, id: 3, orderNum: 'TE202008140000146179970', status: '已下单' },
-      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', amount: 2, id: 4, orderNum: 'TE202008140000146179970', status: '已下单' },
-      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', amount: 6, id: 5, orderNum: 'TE202008140000146179970', status: '已下单' },
-      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', amount: 8, id: 6, orderNum: 'TE202008140000146179970', status: '已下单' }
+      { createDate: '2020-08-14  15:10:20', dateNum: '202076期', type: '超级大乐透', typeId: 'dlt', amount: 2, id: 1, orderNum: 'TE202008140000146179970', status: '已撤单' },
+      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', typeId: 'ssq', amount: 2, id: 2, orderNum: 'TE202008140000146179970', status: '已下单' },
+      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', typeId: 'ssq', amount: 4, id: 3, orderNum: 'TE202008140000146179970', status: '已下单' },
+      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', typeId: 'ssq', amount: 2, id: 4, orderNum: 'TE202008140000146179970', status: '已下单' },
+      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', typeId: 'ssq', amount: 6, id: 5, orderNum: 'TE202008140000146179970', status: '已下单' },
+      { createDate: '2020-08-13  17:23:54', dateNum: '202076期', type: '双色球', typeId: 'ssq', amount: 8, id: 6, orderNum: 'TE202008140000146179970', status: '已下单' }
     ],
     UserAccountDetails: { // 用户账户明细
       All: [