Accueil Explorer Aide
S'inscrire Connexion
lichunlei
/
cyb_configserver_com
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: de14a1fcdd
Branches Tags
cyb_configse...
/
wwwroot
/
template
/
app
/
creater
/
new-pag3.html

new-pag3.html 8.2 KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <title>市场活动-创业帮</title>
    6. 

  6.     <meta name="keywords" content="市场活动-创业帮">
    7. 

  7.     <meta name="description" content="市场活动-创业帮">
    8. 

  8.     <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
    9. 

  9.     <meta name="apple-mobile-web-app-capable" content="yes">
    10. 

  10.     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    11. 

  11.     <meta content="telephone=no" name="format-detection">
    12. 

  12.     <meta content="email=no" name="format-detection">
    13. 

  13.     <meta name="apple-mobile-web-app-title" content="市场活动-创业帮">
    14. 

  14.     <meta http-equiv="Cache-Control" content="no-siteapp">
    15. 

  15.     <link rel="stylesheet" href="./static/css/main.css">
    16. 

  16.     <style>.active_list .box .abs{color:#FF6240;}</style>
    17. 

  17.   </head>
    18. 

  18.   <body class="bgc-back pt0 pb0">
    19. 

  19.     <div class="trendchart" id="app" v-cloak>
    20. 

  20.       <van-nav-bar class="user_rank_explan_title mall_title user_title_normal" title="市场活动" @click-left="goback" v-if="toptitleisshow">
    21. 

  21.         <template #left> <img src="./static/images/left.png" alt=""></template>
    22. 

  22.       </van-nav-bar>
    23. 

  23.       <van-tabs v-model="active" swipeable line-width="30" @change="changetab">
    24. 

  24.         <van-tab title="市场活动">
    25. 

  25.           <div class="active_list ml16 mr16">
    26. 

  26.             <van-pull-refresh v-model="refreshing" @refresh="onRefresh" style="height:100vh;" :class="banner.length === 0 ? 'isnodata':''">
    27. 

  27.               <van-empty class="custom-image" image="./static/images/empty-img.png" description="暂无数据" v-if="isnodata"></van-empty>
    28. 

  28.               <div class="box mt16 ovh rel" v-for="item,index in banner" :key="item.Id" @click="goactivedetail(item.Id,item.Url)"><img class="db" :src="item.ActBanner" style="width:100%;">
    29. 

  29.                 <div class="abs bgcfff cm" v-if="item.Id !== 0">{{item.Status}}</div>
    30. 

  30.               </div>
    31. 

  31.             </van-pull-refresh>
    32. 

  32.           </div>
    33. 

  33.         </van-tab>
    34. 

  34.         <van-tab title="机具活动">
    35. 

  35.           <div class="active_list ml16 mr16">
    36. 

  36.             <van-pull-refresh v-model="refreshing" @refresh="onRefresh" style="height:100vh;" :class="banner.length === 0 ? 'isnodata':''">
    37. 

  37.               <van-empty class="custom-image" image="./static/images/empty-img.png" description="暂无数据" v-if="isnodata"></van-empty>
    38. 

  38.               <div class="box mt16 ovh rel" v-for="item,index in banner2" :key="item.Id" @click="goactivedetail(item.Id,item.Url)"><img class="db" :src="item.ActBanner" style="width:100%;">
    39. 

  39.                 <div class="abs bgcfff cm" v-if="item.Id !== 0">{{item.Status}}</div>
    40. 

  40.               </div>
    41. 

  41.             </van-pull-refresh>
    42. 

  42.           </div>
    43. 

  43.         </van-tab>
    44. 

  44.       </van-tabs>
    45. 

  45.     </div> 
    46. 

  46.     <script src="./static/js/klm-vv.min.js"></script>
    47. 

  47.     <script src="./static/js/appfunc.min.js"></script>
    48. 

  48.     <script src="./static/js/klm-axios-config.js"></script>
    49. 

  49.     <script src="./static/js/publicfn.js"></script>
    50. 

  50.     <script>
    51. 

  51.       // 通过 CDN 引入时不会自动注册 Lazyload 组件
    52. 

  52.       // 可以通过下面的方式手动注册
    53. 

  53.       Vue.use(vant.Lazyload);
    54. 

  54.       PublicLib.SetStatusBarBgColor({bgcolor:'ffffff'});
    55. 

  55.       // 在 #app 标签下渲染一个按钮组件
    56. 

  56.       let app = new Vue({
    57. 

  57.       	el: '#app',
    58. 

  58.       	data() {
    59. 

  59.       		return {
    60. 

  60.       			active:0,
    61. 

  61.       			isnodata:false,
    62. 

  62.       			toptitleisshow,
    63. 

  63.       			banner: [
    64. 

  64.       					{
    65. 

  65.       						ActBanner:'https://ap.kexiaoshuang.com/skin/app/default/static/images/active/redpackage/redpackagebanner.png',
    66. 

  66.       						Status:'活动中',
    67. 

  67.       						Id:9999,
    68. 

  68.       					},
    69. 

  69.       					{
    70. 

  70.       						ActBanner:'https://ap.kexiaoshuang.com/skin/app/default/static/images/greatAllianceLeader.jpeg',
    71. 

  71.       						Status:'活动中',
    72. 

  72.       						Id:99,
    73. 

  73.       					},
    74. 

  74.       					{
    75. 

  75.       						ActBanner:'http://bs.kexiaoshuang.com/KxsMainServer/upload/2022/7/1/MT8283d90631870a0fs.jpg',
    76. 

  76.       						Status:'活动中',
    77. 

  77.       						Id:9,
    78. 

  78.       					},
    79. 

  79.       					{
    80. 

  80.       						ActBanner:'https://ap.kexiaoshuang.com/skin/app/default/static/images/lishua50.jpeg',
    81. 

  81.       						Status:'活动中',
    82. 

  82.       						Id:10,
    83. 

  83.       					},
    84. 

  84.       			],
    85. 

  85.       			banner2: [
    86. 

  86.       					{
    87. 

  87.       						ActBanner:'https://ap.kexiaoshuang.com/skin/app/default/static/images/brand-jk.jpg?t=1',
    88. 

  88.       						Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247486452&idx=1&sn=e946c52adf3cdd890b33e59abc6c8914&chksm=c00c710af77bf81cb92f72a73f2219a04e11de9f5958bc92632a0008840aadf75acd1787ef91#rd',
    89. 

  89.       						Id:0,
    90. 

  90.       					},
    91. 

  91.       					{
    92. 

  92.       						ActBanner:'https://ap.kexiaoshuang.com/skin/app/default/static/images/brand-kdb.jpg?t=1',
    93. 

  93.       						Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247486463&idx=1&sn=e3bbd598acb9b914cd25d5148b994577&chksm=c00c7101f77bf817e66407c66b7d8e706838771cff581a4134e2848a2a6e0b780ad0c0702849#rd',
    94. 

  94.       						Id:0,
    95. 

  95.       					},
    96. 

  96.       					{
    97. 

  97.       						ActBanner:'https://ap.kexiaoshuang.com/skin/app/default/static/images/brand-lis.jpg?t=1',
    98. 

  98.       						Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247486432&idx=1&sn=ba31fea4818732e811bd908c9e858a72&chksm=c00c711ef77bf8084a8447af9ba8bd21f6caf1d352213ad487e32fa17225232ee1bc7506b013#rd',
    99. 

  99.       						Id:0,
    100. 

  100.       					},
    101. 

  101.       					{
    102. 

  102.       						ActBanner:'https://ap.kexiaoshuang.com/skin/app/default/static/images/brand-ls.jpg?t=1',
    103. 

  103.       						Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247486422&idx=1&sn=725d71d035bfb8a3e71dad71a6462b1f&chksm=c00c7128f77bf83e3d5edabf95ae93d5bd374b104bf2ff306d2ac9dd50530d4994c4846ff356#rd',
    104. 

  104.       						Id:0,
    105. 

  105.       					},
    106. 

  106.       					{
    107. 

  107.       						ActBanner:'https://ap.kexiaoshuang.com/skin/app/default/static/images/brand-sft.jpg?t=1',
    108. 

  108.       						Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247486442&idx=1&sn=8a8c23f69a756969034dbdaf58df1ce5&chksm=c00c7114f77bf8020f472c8fb6548502b038ce583df30743054db76bdeb3e734cb00afab0093#rd',
    109. 

  109.       						Id:0,
    110. 

  110.       					},
    111. 

  111.       			],
    112. 

  112.       			refreshing:false,
    113. 

  113.       		};
    114. 

  114.       	},
    115. 

  115.       	created() {
    116. 

  116.       		if(PublicLib.getCookieInfo('marketupload') === 'true'){
    117. 

  117.       			this.active = 1;
    118. 

  118.       		};
    119. 

  119.       		PublicLib.putCookieInfo('marketupload','');
    120. 

  120.       		//- this.getactivelist();
    121. 

  121.       	},
    122. 

  122.       	methods: {
    123. 

  123.       		changetab(){
    124. 

  124.       
    125. 

  125.       		},
    126. 

  126.       		onLoad() {
    127. 

  127.       				if (this.refreshing) {
    128. 

  128.       					//- this.banner = [];
    129. 

  129.       					this.refreshing = false;
    130. 

  130.       				}
    131. 

  131.       				this.getactivelist();
    132. 

  132.       		},
    133. 

  133.       		onRefresh() {
    134. 

  134.       			// 清空列表数据
    135. 

  135.       			this.finished = false;
    136. 

  136.       			// 重新加载数据
    137. 

  137.       			// 将 loading 设置为 true，表示处于加载状态
    138. 

  138.       			this.loading = true;
    139. 

  139.       			this.refreshing = false;
    140. 

  140.       			//- this.onLoad();
    141. 

  141.       		},
    142. 

  142.       		async getactivelist(){
    143. 

  143.       			//- PublicLib.ShowLoading({Message:''});
    144. 

  144.       			const res = await getRequest('api/v1/activityinfo/list?t='+Math.random(6),JSON.stringify({PageSize:20,PageNum:1}));
    145. 

  145.       			if(res.status === '1') {
    146. 

  146.       				//- PublicLib.HideLoading();
    147. 

  147.       				this.banner = [
    148. 

  148.       				];
    149. 

  149.       			//-   this.banner.push(...res.data);
    150. 

  150.       				//- this.banner = res.data;
    151. 

  151.       				if(this.banner.length === 0) {this.isnodata = true}else{this.isnodata = false};
    152. 

  152.       			};
    153. 

  153.       		},
    154. 

  154.       		goactivedetail(id,Url){
    155. 

  155.       			if(id === 9999){
    156. 

  156.       				return PublicLib.Goto({Url:'active-raffle'});
    157. 

  157.       			}else if(id === 99){
    158. 

  158.       				PublicLib.putCookieInfo('indexBannerId',24);
    159. 

  159.       				return PublicLib.Goto({Url:'welcome'});
    160. 

  160.       			}else if(id === 10){
    161. 

  161.       				return 	PublicLib.Goto({Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247486329&idx=1&sn=ed9f5d3ffa8ff61d56725312d8e759c3&chksm=c00c7187f77bf89105b9a3ab1ba5e3c90cdc267b0d403c79d1e5ef1bf16cd54359eea67bc611#rd'});
    162. 

  162.       			}else if(id === 9){
    163. 

  163.       				return PublicLib.Goto({Url:'welcome-double'});
    164. 

  164.       			};
    165. 

  165.       			if(id === 0){
    166. 

  166.       				return PublicLib.Goto({Url});
    167. 

  167.       			}
    168. 

  168.       			PublicLib.putCookieInfo('marketactiveId', id);
    169. 

  169.       			PublicLib.Goto({Url:'market-active-detail'});
    170. 

  170.       		},
    171. 

  171.       		goback(){
    172. 

  172.       			PublicLib.GoBack({Level:1});
    173. 

  173.       		}
    174. 

  174.       	}
    175. 

  175.       });
    176. 

  176.     </script>
    177. 

  177.   </body>
    178. 

  178. </html>
    179.