Skip to content

梁建民 / h5

Go to a project
Commit 984e0759 by liangjianmin
Options

白皮书

parent 972cec5d
Inline Side-by-side
Showing with 275 additions and 31 deletions
src/assets/css/news/down.less
.news { .news {
background: #fff; background: #fff;
.borderBottom { .borderBottom {
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
...@@ -118,23 +119,34 @@ ...@@ -118,23 +119,34 @@
margin-left: 0.267rem; margin-left: 0.267rem;
} }
} }
.text-num{
padding-right: 0.2rem;
height: 33px;
justify-content: flex-end;
line-height: 33px;
color: #999999;
border-bottom: 1px solid #e5e5e5;
span{
color: #1080d0;
}
}
.nav-tab { .nav-tab {
background: #f3f3f3;
padding-left: 5px;
.bor {
border-bottom: 1px solid #e5e5e5;
}
ul { ul {
display: flex;
background: #f3f3f3;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 0.667rem;
li {
flex: 1;
width: 25%;
min-width: 25%;
max-width: 25%;
margin-bottom: 0.653rem; li {
padding: 10px 0;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
margin-right: 14px;
&.curr { &.curr {
color: #1080d0; color: #1080d0;
...@@ -190,7 +202,8 @@ ...@@ -190,7 +202,8 @@
} }
} }
} }
.txt-tip{
.txt-tip {
padding: 0.4rem 0; padding: 0.4rem 0;
font-size: 12px; font-size: 12px;
color: #999999; color: #999999;
......
src/assets/css/news/down.min.css
.news{background:#fff}.news .borderBottom{border-bottom:1px solid #e5e5e5}.news .navList{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden}.news .navList p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navList p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navListfixed{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden;position:fixed;top:39px;left:0;right:0px}.news .navListfixed p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navListfixed p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navList44 p{width:25%}.news .listBox li{padding:10px;height:100px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}.news .listBox li img{height:75px;width:27%;float:left;border:0px;outline:none}.news .listBox li .boxgrt{height:75px;width:66%;float:right}.news .listBox li .boxgrt .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;font-size:.32rem;font-weight:bold;height:50px;line-height:25px}.news .listBox li .boxgrt .titleLook{font-size:14px;color:#999;margin-top:5px}.news .a{margin-bottom:.5rem;min-height:200px}.news .new-head{height:49px;background:#f3f3f3;padding:0 .4rem;display:flex;flex-direction:row;align-items:center}.news .new-head .logo{width:30px;height:30px;display:block}.news .new-head .logo img{width:30px;height:30px;display:block}.news .new-head .t1{font-size:16px;color:#1080d0;font-weight:500;margin-left:.267rem}.news .nav-tab ul{display:flex;background:#f3f3f3;flex-wrap:wrap;padding-top:.667rem}.news .nav-tab ul li{flex:1;width:25%;min-width:25%;max-width:25%;margin-bottom:.653rem;text-align:center;font-size:14px;color:#333333}.news .nav-tab ul li.curr{color:#1080d0}.news .down-list ul{background:#fff;padding:0 .4rem}.news .down-list ul li{padding:.4rem 0;border-bottom:1px solid #e5e5e5}.news .down-list ul li .t1{font-size:16px;color:#333333;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news .down-list ul li .bar{display:flex;flex-direction:row;justify-content:space-between;margin-top:.387rem;align-items:flex-end}.news .down-list ul li .bar .t2{font-size:14px;color:#999999}.news .down-list ul li .bar .btn{width:85px;height:30px;border-radius:3px;border:solid 1px #1080d0;display:block;font-size:14px;color:#1080d0;text-align:center;line-height:30px}.news .down-list .txt-tip{padding:.4rem 0;font-size:12px;color:#999999;background:#fff;text-align:center}.news .islogin{height:50px;background:#f3f3f3;display:flex;flex-direction:row;align-items:center;justify-content:center}.news .islogin img{width:20px;height:20px}.news .islogin a{margin-left:.28rem;font-size:12px;color:#333333} .news {
\ No newline at end of file background: #fff;
}
.news .borderBottom {
border-bottom: 1px solid #e5e5e5;
}
.news .navList {
border-bottom: 1px solid #e5e5e5;
padding: 0 10px;
clear: both;
height: 40px;
line-height: 40px;
font-size: 14px;
background: #fff;
overflow: hidden;
}
.news .navList p {
text-align: center;
width: 33.33%;
color: #333;
float: left;
cursor: pointer;
height: 40px;
line-height: 40px;
}
.news .navList p.act {
color: #e10601;
border-bottom: 2px solid #e10601;
}
.news .navListfixed {
border-bottom: 1px solid #e5e5e5;
padding: 0 10px;
clear: both;
height: 40px;
line-height: 40px;
font-size: 14px;
background: #fff;
overflow: hidden;
position: fixed;
top: 39px;
left: 0;
right: 0px;
}
.news .navListfixed p {
text-align: center;
width: 33.33%;
color: #333;
float: left;
cursor: pointer;
height: 40px;
line-height: 40px;
}
.news .navListfixed p.act {
color: #e10601;
border-bottom: 2px solid #e10601;
}
.news .navList44 p {
width: 25%;
}
.news .listBox li {
padding: 10px;
height: 100px;
border-bottom: 1px solid #e5e5e5;
box-sizing: border-box;
}
.news .listBox li img {
height: 75px;
width: 27%;
float: left;
border: 0px;
outline: none;
}
.news .listBox li .boxgrt {
height: 75px;
width: 66%;
float: right;
}
.news .listBox li .boxgrt .title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #333;
font-size: 0.32rem;
font-weight: bold;
height: 50px;
line-height: 25px;
}
.news .listBox li .boxgrt .titleLook {
font-size: 14px;
color: #999;
margin-top: 5px;
}
.news .a {
margin-bottom: 0.5rem;
min-height: 200px;
}
.news .new-head {
height: 49px;
background: #f3f3f3;
padding: 0 0.4rem;
display: flex;
flex-direction: row;
align-items: center;
}
.news .new-head .logo {
width: 30px;
height: 30px;
display: block;
}
.news .new-head .logo img {
width: 30px;
height: 30px;
display: block;
}
.news .new-head .t1 {
font-size: 16px;
color: #1080d0;
font-weight: 500;
margin-left: 0.267rem;
}
.news .text-num {
padding-right: 0.2rem;
height: 33px;
justify-content: flex-end;
line-height: 33px;
color: #999999;
border-bottom: 1px solid #e5e5e5;
}
.news .text-num span {
color: #1080d0;
}
.news .nav-tab {
background: #f3f3f3;
padding-left: 5px;
}
.news .nav-tab .bor {
border-bottom: 1px solid #e5e5e5;
}
.news .nav-tab ul {
flex-wrap: wrap;
}
.news .nav-tab ul li {
padding: 10px 0;
text-align: center;
font-size: 14px;
color: #333333;
margin-right: 14px;
}
.news .nav-tab ul li.curr {
color: #1080d0;
}
.news .down-list ul {
background: #fff;
padding: 0 0.4rem;
}
.news .down-list ul li {
padding: 0.4rem 0;
border-bottom: 1px solid #e5e5e5;
}
.news .down-list ul li .t1 {
font-size: 16px;
color: #333333;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news .down-list ul li .bar {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.387rem;
align-items: flex-end;
}
.news .down-list ul li .bar .t2 {
font-size: 14px;
color: #999999;
}
.news .down-list ul li .bar .btn {
width: 85px;
height: 30px;
border-radius: 3px;
border: solid 1px #1080d0;
display: block;
font-size: 14px;
color: #1080d0;
text-align: center;
line-height: 30px;
}
.news .down-list .txt-tip {
padding: 0.4rem 0;
font-size: 12px;
color: #999999;
background: #fff;
text-align: center;
}
.news .islogin {
height: 50px;
background: #f3f3f3;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.news .islogin img {
width: 20px;
height: 20px;
}
.news .islogin a {
margin-left: 0.28rem;
font-size: 12px;
color: #333333;
}
/*# sourceMappingURL=down.min.css.map */
\ No newline at end of file
src/store/modules/download/index.js
...@@ -43,24 +43,17 @@ const actions = { ...@@ -43,24 +43,17 @@ const actions = {
}); });
}, },
downloadFile: function ({commit}, payload) { downloadFile: function ({commit}, payload) {
let param = { let param = {
data_id: payload.id, data_id: payload.id,
download: payload.download download: payload.download
} }
let params = Util.getParams(param); let params = Util.getParams(param);
Services.downloadFile(params).then((res) => { Services.downloadFile(params).then((res) => {
let data = res.data; let data = res.data;
if (data.err_code == 0) { if (data.err_code == 0) {
window.location.href = data.data[0].file_url; window.location.href = data.data[0].file_url;
return return;
let platform = Util.isUerAgent(); let platform = Util.isUerAgent();
if (payload.download == 1) { if (payload.download == 1) {
Toast({ Toast({
message: data.err_msg, message: data.err_msg,
...@@ -80,22 +73,16 @@ const actions = { ...@@ -80,22 +73,16 @@ const actions = {
} }
} }
} else if (data.err_code == 1) { } else if (data.err_code == 1) {
Toast({ Toast({
message: data.err_msg, message: data.err_msg,
duration: 2000 duration: 2000
}); });
} else { } else {
Toast({ Toast({
message: data.err_msg, message: data.err_msg,
duration: 2000 duration: 2000
}); });
} }
}).catch(function (err) { }).catch(function (err) {
}); });
......
src/views/download/Index.vue
...@@ -17,9 +17,21 @@ ...@@ -17,9 +17,21 @@
</van-swipe> </van-swipe>
</template> </template>
<div class="nav-tab"> <div class="nav-tab">
<ul> <div class="row verCenter bor">
<li @click="handleSelect(index,item.class_id)" :class="{'curr':active==index}" v-for="(item, index) in showClass" :key="index">{{item.class_name}}</li> <span>文章分类：</span>
</ul> <ul class="row">
<li @click="handleSelect(index,item.class_id)" :class="{'curr':active==index}" v-for="(item, index) in showClass" :key="index">{{item.class_name}}</li>
</ul>
</div>
<div class="row verCenter" style="align-items:baseline;">
<span>子&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;类：</span>
<ul class="row" v-if="showClass[0]">
<li @click="handleSelectChild(index,item.class_id)" :class="{'curr':activeChild==index}" v-for="(item, index) in articleChildrd.length > 0 ? articleChildrd : showClass[0].child_class" :key="index">{{item.class_name}}</li>
</ul>
</div>
</div>
<div class="text-num row">
<p>每日<span>{{daily_download_count || 0}}</span>次，当前剩余下载次数：<span>{{remain_download_count || 0}}</span>次</p>
</div> </div>
<div class="down-list"> <div class="down-list">
<ul class="boxsiz"> <ul class="boxsiz">
...@@ -74,15 +86,19 @@ ...@@ -74,15 +86,19 @@
title: "资料下载", title: "资料下载",
p: 1, p: 1,
active: 0, active: 0,
activeChild: -1,
meaushow: true, meaushow: true,
bannerHeight: 200, bannerHeight: 200,
navListfixed: false navListfixed: false,
articleChildrd: []
}; };
}, },
computed: { computed: {
...mapState({ ...mapState({
getfileuploadbanner: state => state.download.getfileuploadbanner, getfileuploadbanner: state => state.download.getfileuploadbanner,
articleShowData: state => state.download.articleShowData.result, articleShowData: state => state.download.articleShowData.result,
daily_download_count: state => state.download.articleShowData.daily_download_count,
remain_download_count: state => state.download.articleShowData.remain_download_count,
loginCheck: state => state.common.loginCheck, loginCheck: state => state.common.loginCheck,
showClass: state => state.download.showClass showClass: state => state.download.showClass
}) })
...@@ -129,7 +145,17 @@ ...@@ -129,7 +145,17 @@
}, },
handleSelect(index, id) { handleSelect(index, id) {
this.active = index; this.active = index;
this.articleChildrd = this.$store.state.download.showClass[index].child_class;
this.$store.dispatch({
type: "articleShowData",
class_id: id
});
this.activeChild = -1;
},
handleSelectChild(index, id) {
this.activeChild = index;
this.$store.dispatch({ this.$store.dispatch({
type: "articleShowData", type: "articleShowData",
class_id: id class_id: id
......
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