Skip to content

梁建民 / h5

Go to a project
Commit ea000a1b by 肖康
Options

微信LISTUI 优化

parent 39d401a6
Expand all
Inline Side-by-side
Showing with 16 additions and 13 deletions
src/api/index.js
...@@ -26,7 +26,7 @@ switch (window.location.hostname) { ...@@ -26,7 +26,7 @@ switch (window.location.hostname) {
break; break;
case "m.liexin.com": case "m.liexin.com":
url = 'http://m.liexin.com/v3/'; url = 'http://m.liexin.com/v3/';
urlApi = 'http://api.liexin.com/'; urlApi = 'http://szmarketing.ichunt.net/';
break; break;
default: default:
//本地proxy配置参考vue.config.js //本地proxy配置参考vue.config.js
...@@ -76,7 +76,7 @@ export const apis = { ...@@ -76,7 +76,7 @@ export const apis = {
/** /**
*微信菜单文章锦集api *微信菜单文章锦集api
*/ */
wechatArticle: productionUrlApi + 'Wechat/WechatArticleJinJi/article' wechatArticle: productionUrlApi + 'wechatMenu/article'
} }
export const services = { export const services = {
index(params) { index(params) {
......
src/assets/css/wxlist/wxlist.less
...@@ -13,14 +13,15 @@ ...@@ -13,14 +13,15 @@
.banner-footer span{color:#999;} .banner-footer span{color:#999;}
.wxlist-data{padding:10px;} .wxlist-data{padding:10px;}
.wxlist-data-box{background: #fff;border-radius: 4px;} .wxlist-data-box{background: #fff;border-radius: 4px;}
.group-right{width: 2rem;height: 1.6rem;} .group-right{width: 2rem;height:60px;}
.group-left-box{height: 50px;width: 6.347rem;font-size: 16px;color:#333;line-height: 25px;overflow: hidden;
.group-left{width: 6.36rem;height: 1.6rem;font-size: 16px;color:#333;line-height: 0.8rem;border-bottom:1px solid #e5e5e5;
overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;}
.group-left{width: 6.347rem;border-bottom:1px solid #e5e5e5;
padding-top:0.1rem;
padding-bottom: 0.5rem;
} }
.data-group{padding:0.25rem;display: block;} .data-group{padding:0.25rem;display: block;}
......
src/assets/css/wxlist/wxlist.min.css
.wxlist{height:100%;background:#f8f8f8}.wxlist .wxlist-content .menu-title{color:#333;font-size:18px;height:47px;line-height:47px;padding-left:.2rem}.wxlist .wxlist-content .wxlist-banner{padding:0 .2rem}.wxlist .wxlist-content .wxlist-banner .banner-header{padding:10px}.banner-box{background:#fff;border-radius:4px;min-height:275px}.banner-header .banner-title{font-size:19px;color:#333}.banner-header .banner-img{width:.8rem;height:.8rem;margin-right:10px}.banner-header .banner-img img{width:100%;height:100%;width:.8rem;height:.8rem;border-radius:50%;display:block}.banner-body img{width:100%;height:4.8rem}.banner-footer{font-size:16px;line-height:20px;color:#666;padding:.4rem .28rem}.banner-footer a{color:#666}.banner-footer span{color:#999}.wxlist-data{padding:10px}.wxlist-data-box{background:#fff;border-radius:4px}.group-right{width:2rem;height:1.6rem}.group-left{width:6.36rem;height:1.6rem;font-size:16px;color:#333;line-height:.8rem;border-bottom:1px solid #e5e5e5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.data-group{padding:.25rem;display:block}/*# sourceMappingURL=wxlist.min.css.map */ .wxlist{height:100%;background:#f8f8f8}.wxlist .wxlist-content .menu-title{color:#333;font-size:18px;height:47px;line-height:47px;padding-left:.2rem}.wxlist .wxlist-content .wxlist-banner{padding:0 .2rem}.wxlist .wxlist-content .wxlist-banner .banner-header{padding:10px}.banner-box{background:#fff;border-radius:4px;min-height:275px}.banner-header .banner-title{font-size:19px;color:#333}.banner-header .banner-img{width:.8rem;height:.8rem;margin-right:10px}.banner-header .banner-img img{width:100%;height:100%;width:.8rem;height:.8rem;border-radius:50%;display:block}.banner-body img{width:100%;height:4.8rem}.banner-footer{font-size:16px;line-height:20px;color:#666;padding:.4rem .28rem}.banner-footer a{color:#666}.banner-footer span{color:#999}.wxlist-data{padding:10px}.wxlist-data-box{background:#fff;border-radius:4px}.group-right{width:2rem;height:60px}.group-left-box{height:50px;width:6.347rem;font-size:16px;color:#333;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.group-left{width:6.347rem;border-bottom:1px solid #e5e5e5;padding-top:.1rem;padding-bottom:.5rem}.data-group{padding:.25rem;display:block}/*# sourceMappingURL=wxlist.min.css.map */
\ No newline at end of file \ No newline at end of file
src/assets/css/wxlist/wxlist.min.css.map
{"version":3,"sources":["wxlist.less"],"names":[],"mappings":"AAAA,QAAQ,WAAA,CAAY,mBAEpB,OAAQ,gBAAgB,aAAY,UAAA,CAAW,cAAA,CAAgB,WAAA,CAAY,gBAAA,CAAkB,mBAC7F,OAAQ,gBAAgB,gBAAe,gBACvC,OAAQ,gBAAgB,eAAe,gBAAe,aACtD,YAAY,eAAA,CAAiB,iBAAA,CAAmB,iBAChD,cAAe,eAAc,cAAA,CAAgB,WAC7C,cAAe,aAAY,WAAA,CAAa,YAAA,CAAc,kBACtD,cAAe,YAAY,KAAI,UAAA,CAAW,WAAA,CAAY,WAAA,CAAa,YAAA,CAAc,iBAAA,CAAmB,cACpG,YAAa,KAAI,UAAA,CAAW,cAC5B,eAAe,cAAA,CAAgB,gBAAA,CAAiB,UAAA,CAAW,qBAC3D,cAAe,GAAE,WACjB,cAAe,MAAK,WACpB,aAAa,aACb,iBAAiB,eAAA,CAAiB,kBAClC,aAAa,UAAA,CAAY,cAEzB,YAAY,aAAA,CAAe,aAAA,CAAe,cAAA,CAAgB,UAAA,CAAW,iBAAA,CAAoB,+BAAA,CACvF,eAAA,CACA,sBAAA,CACA,mBAAA,CACA,oBAAA,CACA,4BAGF,YAAY,cAAA,CAAgB","file":"wxlist.min.css"} {"version":3,"sources":["wxlist.less"],"names":[],"mappings":"AAAA,QAAQ,WAAA,CAAY,mBAEpB,OAAQ,gBAAgB,aAAY,UAAA,CAAW,cAAA,CAAgB,WAAA,CAAY,gBAAA,CAAkB,mBAC7F,OAAQ,gBAAgB,gBAAe,gBACvC,OAAQ,gBAAgB,eAAe,gBAAe,aACtD,YAAY,eAAA,CAAiB,iBAAA,CAAmB,iBAChD,cAAe,eAAc,cAAA,CAAgB,WAC7C,cAAe,aAAY,WAAA,CAAa,YAAA,CAAc,kBACtD,cAAe,YAAY,KAAI,UAAA,CAAW,WAAA,CAAY,WAAA,CAAa,YAAA,CAAc,iBAAA,CAAmB,cACpG,YAAa,KAAI,UAAA,CAAW,cAC5B,eAAe,cAAA,CAAgB,gBAAA,CAAiB,UAAA,CAAW,qBAC3D,cAAe,GAAE,WACjB,cAAe,MAAK,WACpB,aAAa,aACb,iBAAiB,eAAA,CAAiB,kBAClC,aAAa,UAAA,CAAY,YACzB,gBAAgB,WAAA,CAAa,cAAA,CAAgB,cAAA,CAAgB,UAAA,CAAW,gBAAA,CAAkB,eAAA,CACxF,sBAAA,CACA,mBAAA,CACA,oBAAA,CACA,4BACF,YAAY,cAAA,CAAgB,+BAAA,CAC1B,iBAAA,CACA,qBAGF,YAAY,cAAA,CAAgB","file":"wxlist.min.css"}
\ No newline at end of file \ No newline at end of file
src/views/common/Header.vue
...@@ -45,7 +45,7 @@ export default { ...@@ -45,7 +45,7 @@ export default {
<style lang="scss"> <style lang="scss">
body{padding-top:40px;} body{padding-top:40px;}
.header-page{ .header-page{
border-bottom:1px solid #b2b1b2;
height:40px; height:40px;
width:100%; width:100%;
padding: 0 0.2rem; padding: 0 0.2rem;
......
src/views/wxlist/Index.vue
...@@ -25,7 +25,9 @@ ...@@ -25,7 +25,9 @@
<div class="data-group clr" v-for="(item,index) in wechatArticleList" :key="index"> <div class="data-group clr" v-for="(item,index) in wechatArticleList" :key="index">
<a :href="item.url | urlPatg('wechatlist')"> <a :href="item.url | urlPatg('wechatlist')">
<div class="group-left fl"> <div class="group-left fl">
{{item.title}} <div class="group-left-box">
{{item.title}}
</div>
</div> </div>
<img :src="item.img" class="group-right fr"/> <img :src="item.img" class="group-right fr"/>
</a> </a>
......
view/2.js
This diff could not be displayed because it is too large.
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