Skip to content

肖康 / H5_2.0

Go to a project
Commit 506942af by LJM
Options

css

parent 5d68629e
Inline Side-by-side
Showing with 61 additions and 30 deletions
assets/css/mine/download.scss
......@@ -88,6 +88,7 @@
color: #484b59;
margin-right: 16rpx;
margin-bottom: 16rpx;
transition: all 0.4s ease-in-out;
&.curr {
background: #1969f9;
color: #fff;
......
main.js
......@@ -27,7 +27,8 @@ var globalData = {
h5_home_activity_recommend: '',
h5_home_hide_menu: '',
h5_home_hot_search_goods: '',
kfqq_xk: ''
kfqq_xk: '',
wx_sign: ''
};
//读取全局变量配置
......@@ -39,6 +40,7 @@ request(Ichunt_Api + '/api/common/data', 'GET', {}, true, true).then(res => {
globalData.h5_home_hide_menu = res.data.h5_home_hide_menu;
globalData.h5_home_hot_search_goods = res.data.h5_home_hot_search_goods;
globalData.kfqq_xk = res.data.kfqq_xk.data;
globalData.wx_sign = res.data.wx_sign;
Vue.prototype.$globalData = globalData;
}
});
......
pages/mine/article.vue
......@@ -89,15 +89,16 @@ export default {
}
},
wxChange(type) {
var wx_sign = this.$globalData.wx_sign;
wx.config({
// 必填，公众号的唯一标识
appId: '',
appId: wx_sign.appId,
// 必填，生成签名的时间戳
timestamp: '',
timestamp: wx_sign.timestamp,
// 必填，生成签名的随机串
nonceStr: '',
nonceStr: wx_sign.nonceStr,
// 必填，签名
signature: '',
signature: wx_sign.signature,
// 必填，需要使用的JS接口列表
jsApiList: [
'updateAppMessageShareData', // 分享到朋友
......
pages/mine/dome.vue
......@@ -194,15 +194,16 @@ export default {
}
},
wxChange(type) {
var wx_sign = this.$globalData.wx_sign;
wx.config({
// 必填，公众号的唯一标识
appId: '',
appId: wx_sign.appId,
// 必填，生成签名的时间戳
timestamp: '',
timestamp: wx_sign.timestamp,
// 必填，生成签名的随机串
nonceStr: '',
nonceStr: wx_sign.nonceStr,
// 必填，签名
signature: '',
signature: wx_sign.signature,
// 必填，需要使用的JS接口列表
jsApiList: [
'updateAppMessageShareData', // 分享到朋友
......
pages/mine/download.vue
......@@ -5,7 +5,7 @@
<text class="iconfont icon-arrleft" v-back></text>
<view class="input-box row verCenter">
<text class="iconfont icon-search"></text>
<input type="text" placeholder="请输入文章关键字查找" class="uni-input" />
<input type="text" placeholder="请输入文章关键字查找" class="uni-input" v-model="searchParams.title" />
</view>
</view>
<view class="btn">搜索</view>
......@@ -20,32 +20,23 @@
<text class="title">资料类目</text>
<view class="row verCenter">
<text class="t1">每日</text>
<text class="t2">5</text>
<text class="t2">{{ daily_download_count }}</text>
<text class="t1">次，当前剩下下载数量：</text>
<text class="t2">5</text>
<text class="t2">{{ remain_download_count }}</text>
</view>
</view>
<view class="tab row">
<view class="box row rowCenter verCenter curr">全部</view>
<view class="box row rowCenter verCenter">电子技术</view>
<view class="box row rowCenter verCenter">5G与无线</view>
<view class="box row rowCenter verCenter">汽车电子</view>
<view class="box row rowCenter verCenter">物联网与人工智能</view>
<view class="box row rowCenter verCenter">工业控制</view>
<view class="box row rowCenter verCenter">大数据与云</view>
<view class="box row rowCenter verCenter">行业趋势</view>
<view class="box row rowCenter verCenter">采购必备</view>
<view class="box row rowCenter verCenter">行业资料</view>
<view class="box row rowCenter verCenter" v-for="(item, index) in show_class" :key="index" :class="{ curr: curr == index }" @click="tab(index, item.class_id)">{{ item.class_name }}</view>
</view>
<view class="list">
<view class="box row bothSide verCenter" v-for="(item, index) in 10" :key="index">
<view class="list" v-if="list.length > 0">
<view class="box row bothSide verCenter" v-for="(item, index) in list" :key="index">
<view class="row verCenter">
<text class="iconfont icon-juxing6"></text>
<view class="text">
<text class="t1" style="margin-bottom: 10rpx;">半导体布局正当时，关注三大投资主线</text>
<text class="t1" style="margin-bottom: 10rpx;">{{ item.class_name || '-' }}</text>
<view>
<text class="t2">已下载</text>
<text class="t1" style="padding: 0 4rpx;">40</text>
<text class="t1" style="padding: 0 4rpx;">{{ item.download_num }}</text>
<text class="t2">次</text>
</view>
</view>
......@@ -53,12 +44,17 @@
<view class="btn row rowCenter verCenter">下载</view>
</view>
</view>
<view class="no-data column rowCenter verCenter" v-else>
<image src="../../static/nodate.png"></image>
<text class="tt">暂无相关数据</text>
</view>
<view class="more row rowCenter verCenter">
<text class="t1">查看更多</text>
<text class="iconfont icon-arrbot"></text>
</view>
</view>
<view class="desc row rowCenter verCenter">*法律声明：本资料库的文档为网络收集，仅供学习使用，勿做商用</view>
<!-- 留言 -->
<view class="messgae">
<view class="head row bothSide verCenter">
<text class="title">精选留言</text>
......@@ -116,16 +112,26 @@
</template>
<script>
import { Api_Url } from '@/util/api.js';
import { Ichunt_Api, Api_Url, Api_MUrl } from '@/util/api.js';
export default {
data() {
return {
curr: 0,
indicatorDots: true,
autoplay: true,
interval: 2000,
duration: 500,
ad: ['https://img.ichunt.com/images/ichunt/202305/27/58c2e7a3d42ed265a2c763bf704d807a.jpg', 'https://img.ichunt.com/images/ichunt/202305/27/2ddce4486082a8b825f3026fe3e715aa.jpg']
ad: [],
show_class: [],
list: [],
daily_download_count: '',
remain_download_count: '',
searchParams: {
title: '',
class_id: '',
limit: 10
}
};
},
onShow() {
......@@ -138,10 +144,30 @@ export default {
close() {
this.$refs.popup.close();
},
tab(index, class_id) {
this.curr = index;
this.searchParams.class_id = class_id;
this.getShowData();
},
getData() {
this.request(Api_Url + '/Activity/Cube/getActivityCenterData', 'GET', {}, true, true).then(res => {
this.request(Api_Url + '/article/show_class', 'POST', {}, true, true).then(res => {
if (res.err_code === 0) {
this.show_class = res.data;
this.getShowData();
}
});
this.request(Api_Url + '/news/getfileuploadbanner', 'POST', {}, true, true).then(res => {
if (res.err_code === 0) {
this.ad = res.data.data;
}
});
},
getShowData() {
this.request(Api_Url + '/article/showData', 'POST', this.searchParams, true, true).then(res => {
if (res.err_code === 0) {
this.activity_list = res.data.activity_list;
this.daily_download_count = res.data.daily_download_count;
this.remain_download_count = res.data.remain_download_count;
this.list = res.data.result;
}
});
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment