微信LISTUI 优化

src/api/index.js

@@ -26,7 +26,7 @@ switch (window.location.hostname) {
     break;
   case "m.liexin.com":
     url = 'http://m.liexin.com/v3/';
-    urlApi = 'http://api.liexin.com/';
+    urlApi = 'http://szmarketing.ichunt.net/';
     break;
   default:
     //本地proxy配置参考vue.config.js
@@ -76,7 +76,7 @@ export const apis = {
   /**
   *微信菜单文章锦集api
   */
-  wechatArticle: productionUrlApi +  'Wechat/WechatArticleJinJi/article'
+  wechatArticle: productionUrlApi +  'wechatMenu/article'
 }
 export const services = {
   index(params) {

src/assets/css/wxlist/wxlist.less

@@ -13,14 +13,15 @@
 .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: 0.8rem;border-bottom:1px solid #e5e5e5;
-  overflow: hidden;
+.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;
+  -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;}

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 */
\ No newline at end of file
+.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

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"}
\ No newline at end of file
+{"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

src/views/common/Header.vue

@@ -45,7 +45,7 @@ export default {
 <style lang="scss">
   body{padding-top:40px;}
   .header-page{
-    border-bottom:1px solid #b2b1b2;
+
     height:40px;
     width:100%;
     padding: 0 0.2rem;

src/views/wxlist/Index.vue

@@ -25,8 +25,10 @@
                         <div class="data-group clr" v-for="(item,index) in wechatArticleList" :key="index">
                             <a :href="item.url | urlPatg('wechatlist')">
                                 <div class="group-left fl">
+                                    <div class="group-left-box">
                                         {{item.title}}
                                     </div>
+                                </div>
                                 <img :src="item.img" class="group-right fr"/>
                             </a>
                         </div>