Browse Source

静态页面

1002884655 4 years ago
parent
commit
e98b0b2476

BIN
src/assets/img/bg.jpg View File


BIN
src/assets/img/icon1.png View File


BIN
src/assets/img/icon10.png View File


BIN
src/assets/img/icon11.png View File


BIN
src/assets/img/icon2.png View File


BIN
src/assets/img/icon3.png View File


BIN
src/assets/img/icon4.png View File


BIN
src/assets/img/icon5.png View File


BIN
src/assets/img/icon6.png View File


BIN
src/assets/img/icon7.png View File


BIN
src/assets/img/icon8.png View File


BIN
src/assets/img/icon9.png View File


+ 2
- 2
src/pages/KaiJiangZhanShi/DaLeTou/index.vue View File

11
         <div class="PrizeInfo">
11
         <div class="PrizeInfo">
12
           <div class="flex-h">
12
           <div class="flex-h">
13
             <div class="Icon">
13
             <div class="Icon">
14
-              <img src="" class="centerLabel cover" alt="">
14
+              <img src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
15
             </div>
15
             </div>
16
             <span>大乐透</span>
16
             <span>大乐透</span>
17
             <div class="flex-item">
17
             <div class="flex-item">
89
         <ul class="HistoryList">
89
         <ul class="HistoryList">
90
           <router-link tag="li" v-for="(item, index) in 10" :key="index" :to="{ name: 'DaLeTouXiangQing' }" class="flex-h">
90
           <router-link tag="li" v-for="(item, index) in 10" :key="index" :to="{ name: 'DaLeTouXiangQing' }" class="flex-h">
91
             <div class="Icon">
91
             <div class="Icon">
92
-              <img src="" class="centerLabel cover" alt="">
92
+              <img src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
93
             </div>
93
             </div>
94
             <span>大乐透</span>
94
             <span>大乐透</span>
95
             <div class="flex-item">
95
             <div class="flex-item">

+ 1
- 1
src/pages/KaiJiangZhanShi/DaLeTouXiangQing/index.vue View File

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

+ 1
- 1
src/pages/KaiJiangZhanShi/LanQiu/index.vue View File

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

+ 2
- 2
src/pages/KaiJiangZhanShi/ShuangSeQiu/index.vue View File

11
         <div class="PrizeInfo">
11
         <div class="PrizeInfo">
12
           <div class="flex-h">
12
           <div class="flex-h">
13
             <div class="Icon">
13
             <div class="Icon">
14
-              <img src="" class="centerLabel cover" alt="">
14
+              <img src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
15
             </div>
15
             </div>
16
             <span>双色球</span>
16
             <span>双色球</span>
17
             <div class="flex-item">
17
             <div class="flex-item">
88
         <ul class="HistoryList">
88
         <ul class="HistoryList">
89
           <router-link tag="li" v-for="(item, index) in 10" :key="index" :to="{ name: 'ShuangSeQiuXiangQing' }" class="flex-h">
89
           <router-link tag="li" v-for="(item, index) in 10" :key="index" :to="{ name: 'ShuangSeQiuXiangQing' }" class="flex-h">
90
             <div class="Icon">
90
             <div class="Icon">
91
-              <img src="" class="centerLabel cover" alt="">
91
+              <img src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
92
             </div>
92
             </div>
93
             <span>双色球</span>
93
             <span>双色球</span>
94
             <div class="flex-item">
94
             <div class="flex-item">

+ 1
- 1
src/pages/KaiJiangZhanShi/ShuangSeQiuXiangQing/index.vue View File

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

+ 4
- 4
src/pages/KaiJiangZhanShi/SubIndex/index.vue View File

6
 
6
 
7
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiZuQiu' }">
7
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiZuQiu' }">
8
             <div class="Icon">
8
             <div class="Icon">
9
-              <img src="" class="centerLabel cover" alt="">
9
+              <img src="../../../assets/img/icon3.png" class="centerLabel cover" alt="">
10
             </div>
10
             </div>
11
             <span>足球</span>
11
             <span>足球</span>
12
             <div class="flex-item">
12
             <div class="flex-item">
23
 
23
 
24
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiLanQiu' }">
24
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiLanQiu' }">
25
             <div class="Icon">
25
             <div class="Icon">
26
-              <img src="" class="centerLabel cover" alt="">
26
+              <img src="../../../assets/img/icon6.png" class="centerLabel cover" alt="">
27
             </div>
27
             </div>
28
             <span>篮球</span>
28
             <span>篮球</span>
29
             <div class="flex-item">
29
             <div class="flex-item">
40
 
40
 
41
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiDaLeTou' }">
41
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiDaLeTou' }">
42
             <div class="Icon">
42
             <div class="Icon">
43
-              <img src="" class="centerLabel cover" alt="">
43
+              <img src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
44
             </div>
44
             </div>
45
             <span>大乐透</span>
45
             <span>大乐透</span>
46
             <div class="flex-item Small">
46
             <div class="flex-item Small">
62
 
62
 
63
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiShuangSeQiu' }">
63
           <router-link tag="li" class="flex-h" :to="{ name: 'KaiJiangZhanShiShuangSeQiu' }">
64
             <div class="Icon">
64
             <div class="Icon">
65
-              <img src="" class="centerLabel cover" alt="">
65
+              <img src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
66
             </div>
66
             </div>
67
             <span>双色球</span>
67
             <span>双色球</span>
68
             <div class="flex-item Small">
68
             <div class="flex-item Small">

+ 1
- 1
src/pages/KaiJiangZhanShi/ZuQiu/index.vue View File

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

+ 6
- 6
src/pages/WoDe/UserCenter/index.vue View File

16
       <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}">
16
       <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}">
17
         <div class="flex-h">
17
         <div class="flex-h">
18
           <div class="Icon">
18
           <div class="Icon">
19
-            <img src="" class="centerLabel contain" alt="">
19
+            <img :src="item.img" class="centerLabel contain" alt="">
20
           </div>
20
           </div>
21
           <div class="flex-item">
21
           <div class="flex-item">
22
             <div>
22
             <div>
38
   data () {
38
   data () {
39
     return {
39
     return {
40
       UserTabList: [
40
       UserTabList: [
41
-        { name: '我的彩票', desc: '查看购买彩票详情', img: '', router: 'WoDeCaiPiao' },
42
-        { name: '账号明细', desc: '流水明细', img: '', router: 'ZhangHaoMingXi' },
43
-        { name: '安全中心', desc: '用户设置', img: '', router: 'AnQuanZhongXin' },
44
-        { name: '个人设置', desc: '关于我们', img: '', router: 'GeRenSheZhi' },
45
-        { name: '下载二维码', desc: '分享好友', img: '', router: 'XiaZaiErWeiMa' }
41
+        { name: '我的彩票', desc: '查看购买彩票详情', img: require('../../../assets/img/icon1.png'), router: 'WoDeCaiPiao' },
42
+        { name: '账号明细', desc: '流水明细', img: require('../../../assets/img/icon10.png'), router: 'ZhangHaoMingXi' },
43
+        { name: '安全中心', desc: '用户设置', img: require('../../../assets/img/icon9.png'), router: 'AnQuanZhongXin' },
44
+        { name: '个人设置', desc: '关于我们', img: require('../../../assets/img/icon8.png'), router: 'GeRenSheZhi' },
45
+        { name: '下载二维码', desc: '分享好友', img: require('../../../assets/img/icon11.png'), router: 'XiaZaiErWeiMa' }
46
       ]
46
       ]
47
     }
47
     }
48
   },
48
   },

+ 6
- 1
src/pages/WoDe/WoDeCaiPiao/index.vue View File

10
             </div>
10
             </div>
11
             <div class="flex-h">
11
             <div class="flex-h">
12
               <div class="Icon">
12
               <div class="Icon">
13
-                <img src="" class="centerLabel cover" alt="">
13
+                <img v-if="item.typeId === 'zq'" src="../../../assets/img/icon3.png" class="centerLabel cover" alt="">
14
+                <img v-if="item.typeId === 'lq'" src="../../../assets/img/icon6.png" class="centerLabel cover" alt="">
15
+                <img v-if="item.typeId === 'dlt'" src="../../../assets/img/icon4.png" class="centerLabel cover" alt="">
16
+                <img v-if="item.typeId === 'ssq'" src="../../../assets/img/icon5.png" class="centerLabel cover" alt="">
17
+                <img v-if="item.typeId === 'pl3'" src="../../../assets/img/icon7.png" class="centerLabel cover" alt="">
18
+                <img v-if="item.typeId === 'pl5'" src="../../../assets/img/icon2.png" class="centerLabel cover" alt="">
14
               </div>
19
               </div>
15
               <div class="flex-item">
20
               <div class="flex-item">
16
                 <span>{{item.type}}</span>
21
                 <span>{{item.type}}</span>

+ 1
- 1
src/pages/index/DaLeTou/index.vue View File

4
     <div class="Top">
4
     <div class="Top">
5
       <div class="Time flex-h">
5
       <div class="Time flex-h">
6
         <div class="Icon">
6
         <div class="Icon">
7
-          <img src="" class="centerLabel contain" alt="">
7
+          <img src="../../../assets/img/icon4.png" class="centerLabel contain" alt="">
8
         </div>
8
         </div>
9
         <div class="flex-item">
9
         <div class="flex-item">
10
           <div>
10
           <div>

+ 1
- 1
src/pages/index/LanQiu/index.vue View File

17
     <div class="Top">
17
     <div class="Top">
18
       <div class="Time flex-h">
18
       <div class="Time flex-h">
19
         <div class="Icon">
19
         <div class="Icon">
20
-          <img src="" class="centerLabel contain" alt="">
20
+          <img src="../../../assets/img/icon6.png" class="centerLabel contain" alt="">
21
         </div>
21
         </div>
22
         <div class="flex-item">
22
         <div class="flex-item">
23
           <div>
23
           <div>

+ 1
- 1
src/pages/index/PaiLie3/index.vue View File

12
     <div class="Top">
12
     <div class="Top">
13
       <div class="Time flex-h">
13
       <div class="Time flex-h">
14
         <div class="Icon">
14
         <div class="Icon">
15
-          <img src="" class="centerLabel contain" alt="">
15
+          <img src="../../../assets/img/icon7.png" class="centerLabel contain" alt="">
16
         </div>
16
         </div>
17
         <div class="flex-item">
17
         <div class="flex-item">
18
           <div>
18
           <div>

+ 1
- 1
src/pages/index/PaiLie5/index.vue View File

4
     <div class="Top">
4
     <div class="Top">
5
       <div class="Time flex-h">
5
       <div class="Time flex-h">
6
         <div class="Icon">
6
         <div class="Icon">
7
-          <img src="" class="centerLabel contain" alt="">
7
+          <img src="../../../assets/img/icon2.png" class="centerLabel contain" alt="">
8
         </div>
8
         </div>
9
         <div class="flex-item">
9
         <div class="flex-item">
10
           <div>
10
           <div>

+ 6
- 6
src/pages/index/ShouYe/index.vue View File

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

+ 1
- 1
src/pages/index/ShuangSeQiu/index.vue View File

4
     <div class="Top">
4
     <div class="Top">
5
       <div class="Time flex-h">
5
       <div class="Time flex-h">
6
         <div class="Icon">
6
         <div class="Icon">
7
-          <img src="" class="centerLabel contain" alt="">
7
+          <img src="../../../assets/img/icon5.png" class="centerLabel contain" alt="">
8
         </div>
8
         </div>
9
         <div class="flex-item">
9
         <div class="flex-item">
10
           <div>
10
           <div>

+ 1
- 1
src/pages/index/ZuQiu/index.vue View File

17
     <div class="Top">
17
     <div class="Top">
18
       <div class="Time flex-h">
18
       <div class="Time flex-h">
19
         <div class="Icon">
19
         <div class="Icon">
20
-          <img src="" class="centerLabel contain" alt="">
20
+          <img src="../../../assets/img/icon3.png" class="centerLabel contain" alt="">
21
         </div>
21
         </div>
22
         <div class="flex-item">
22
         <div class="flex-item">
23
           <div>
23
           <div>

+ 6
- 6
src/store/user/index.js View File

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