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 @@ ...@@ -88,6 +88,7 @@
color: #484b59; color: #484b59;
margin-right: 16rpx; margin-right: 16rpx;
margin-bottom: 16rpx; margin-bottom: 16rpx;
transition: all 0.4s ease-in-out;
&.curr { &.curr {
background: #1969f9; background: #1969f9;
color: #fff; color: #fff;
......
main.js
...@@ -27,7 +27,8 @@ var globalData = { ...@@ -27,7 +27,8 @@ var globalData = {
h5_home_activity_recommend: '', h5_home_activity_recommend: '',
h5_home_hide_menu: '', h5_home_hide_menu: '',
h5_home_hot_search_goods: '', 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 => { ...@@ -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_hide_menu = res.data.h5_home_hide_menu;
globalData.h5_home_hot_search_goods = res.data.h5_home_hot_search_goods; globalData.h5_home_hot_search_goods = res.data.h5_home_hot_search_goods;
globalData.kfqq_xk = res.data.kfqq_xk.data; globalData.kfqq_xk = res.data.kfqq_xk.data;
globalData.wx_sign = res.data.wx_sign;
Vue.prototype.$globalData = globalData; Vue.prototype.$globalData = globalData;
} }
}); });
......
pages/mine/article.vue
...@@ -89,15 +89,16 @@ export default { ...@@ -89,15 +89,16 @@ export default {
} }
}, },
wxChange(type) { wxChange(type) {
var wx_sign = this.$globalData.wx_sign;
wx.config({ wx.config({
// 必填，公众号的唯一标识 // 必填，公众号的唯一标识
appId: '', appId: wx_sign.appId,
// 必填，生成签名的时间戳 // 必填，生成签名的时间戳
timestamp: '', timestamp: wx_sign.timestamp,
// 必填，生成签名的随机串 // 必填，生成签名的随机串
nonceStr: '', nonceStr: wx_sign.nonceStr,
// 必填，签名 // 必填，签名
signature: '', signature: wx_sign.signature,
// 必填，需要使用的JS接口列表 // 必填，需要使用的JS接口列表
jsApiList: [ jsApiList: [
'updateAppMessageShareData', // 分享到朋友 'updateAppMessageShareData', // 分享到朋友
......
pages/mine/dome.vue
...@@ -194,15 +194,16 @@ export default { ...@@ -194,15 +194,16 @@ export default {
} }
}, },
wxChange(type) { wxChange(type) {
var wx_sign = this.$globalData.wx_sign;
wx.config({ wx.config({
// 必填，公众号的唯一标识 // 必填，公众号的唯一标识
appId: '', appId: wx_sign.appId,
// 必填，生成签名的时间戳 // 必填，生成签名的时间戳
timestamp: '', timestamp: wx_sign.timestamp,
// 必填，生成签名的随机串 // 必填，生成签名的随机串
nonceStr: '', nonceStr: wx_sign.nonceStr,
// 必填，签名 // 必填，签名
signature: '', signature: wx_sign.signature,
// 必填，需要使用的JS接口列表 // 必填，需要使用的JS接口列表
jsApiList: [ jsApiList: [
'updateAppMessageShareData', // 分享到朋友 'updateAppMessageShareData', // 分享到朋友
......
pages/mine/download.vue
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<text class="iconfont icon-arrleft" v-back></text> <text class="iconfont icon-arrleft" v-back></text>
<view class="input-box row verCenter"> <view class="input-box row verCenter">
<text class="iconfont icon-search"></text> <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> </view>
<view class="btn">搜索</view> <view class="btn">搜索</view>
...@@ -20,32 +20,23 @@ ...@@ -20,32 +20,23 @@
<text class="title">资料类目</text> <text class="title">资料类目</text>
<view class="row verCenter"> <view class="row verCenter">
<text class="t1">每日</text> <text class="t1">每日</text>
<text class="t2">5</text> <text class="t2">{{ daily_download_count }}</text>
<text class="t1">次，当前剩下下载数量：</text> <text class="t1">次，当前剩下下载数量：</text>
<text class="t2">5</text> <text class="t2">{{ remain_download_count }}</text>
</view> </view>
</view> </view>
<view class="tab row"> <view class="tab row">
<view class="box row rowCenter verCenter curr">全部</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 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> </view>
<view class="list"> <view class="list" v-if="list.length > 0">
<view class="box row bothSide verCenter" v-for="(item, index) in 10" :key="index"> <view class="box row bothSide verCenter" v-for="(item, index) in list" :key="index">
<view class="row verCenter"> <view class="row verCenter">
<text class="iconfont icon-juxing6"></text> <text class="iconfont icon-juxing6"></text>
<view class="text"> <view class="text">
<text class="t1" style="margin-bottom: 10rpx;">半导体布局正当时，关注三大投资主线</text> <text class="t1" style="margin-bottom: 10rpx;">{{ item.class_name || '-' }}</text>
<view> <view>
<text class="t2">已下载</text> <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> <text class="t2">次</text>
</view> </view>
</view> </view>
...@@ -53,12 +44,17 @@ ...@@ -53,12 +44,17 @@
<view class="btn row rowCenter verCenter">下载</view> <view class="btn row rowCenter verCenter">下载</view>
</view> </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"> <view class="more row rowCenter verCenter">
<text class="t1">查看更多</text> <text class="t1">查看更多</text>
<text class="iconfont icon-arrbot"></text> <text class="iconfont icon-arrbot"></text>
</view> </view>
</view> </view>
<view class="desc row rowCenter verCenter">*法律声明：本资料库的文档为网络收集，仅供学习使用，勿做商用</view> <view class="desc row rowCenter verCenter">*法律声明：本资料库的文档为网络收集，仅供学习使用，勿做商用</view>
<!-- 留言 -->
<view class="messgae"> <view class="messgae">
<view class="head row bothSide verCenter"> <view class="head row bothSide verCenter">
<text class="title">精选留言</text> <text class="title">精选留言</text>
...@@ -116,16 +112,26 @@ ...@@ -116,16 +112,26 @@
</template> </template>
<script> <script>
import { Api_Url } from '@/util/api.js'; import { Ichunt_Api, Api_Url, Api_MUrl } from '@/util/api.js';
export default { export default {
data() { data() {
return { return {
curr: 0,
indicatorDots: true, indicatorDots: true,
autoplay: true, autoplay: true,
interval: 2000, interval: 2000,
duration: 500, 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() { onShow() {
...@@ -138,10 +144,30 @@ export default { ...@@ -138,10 +144,30 @@ export default {
close() { close() {
this.$refs.popup.close(); this.$refs.popup.close();
}, },
tab(index, class_id) {
this.curr = index;
this.searchParams.class_id = class_id;
this.getShowData();
},
getData() { 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) { 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