Home Explore Help
Register Sign In
hx
/
expo
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Signed-off-by: a123456 <1209165801@qq.com>

a123456 6 years ago
parent
9b306f83f0
commit
3797ae5dc7
6 changed files with 71 additions and 6 deletions
Split View Show Diff Stats
  1. BIN
      src/main/webapp/WEB-INF/manager/images/data/img.png
  2. 9 0
      src/main/webapp/WEB-INF/manager/mweixin/img/index.ftl
  3. 4 3
      src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl
  4. 2 2
      src/main/webapp/static/ms-admin/4.7.0/less/base/style.less
  5. 33 1
      src/main/webapp/static/mweixin/css/material-list.css
  6. 23 0
      src/main/webapp/static/mweixin/material-list.less

BIN
src/main/webapp/WEB-INF/manager/images/data/img.png
View File


+ 9 - 0
src/main/webapp/WEB-INF/manager/mweixin/img/index.ftl
View File 

@@ -0,0 +1,9 @@
 
+<!DOCTYPE html>
 
+<html>
 
+   <head>
 
+      <meta charset="UTF-8">
 
+      <title></title>
 
+   </head>
 
+   <body>
 
+   </body>
 
+</html>

+ 4 - 3
src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl
View File 

@@ -32,11 +32,12 @@
 
                </div>
 
                <div class="body">
 
                   <span v-text="material.title"></span>
 
-                  <img v-lazy="material.img" />
 
+                  <img :src="material.img" />
 
                   <p v-text="material.det"></p>
 
                </div>
 
                <div class="footer">
 
                   <i class="el-icon-edit"></i>
 
+                  <em></em>
 
                   <i class="el-icon-delete"></i>
 
                </div>
 
             </div>
 
@@ -62,13 +63,13 @@
 
          materialList: [{
 
                date: '12月27日',
 
                title: 'HUAWEI Mate 20 6GB+64GB 全网最低价...',
 
-               img: '',
 
+               img: '../images/data/img.png',
 
                det: '传播名HUAWEI Mate 20 6GB+64GB 全网最低价，后置摄像头后置莱卡散射，12000万亿像素（光脚，1/1.6光圈）+1200万像素（超广角），......'
 
             },
 
             {
 
                date: '12月27日',
 
                title: 'HUAWEI Mate 20 6GB+64GB 全网最低价...',
 
-               img: '',
 
+               img: '../images/data/img.png',
 
                det: '传播名HUAWEI Mate 20 6GB+64GB 全网最低价，后置摄像头后置莱卡散射，12000万亿像素（光脚，1/1.6光圈）+1200万像素（超广角），......'
 
             }
 
          ],

+ 2 - 2
src/main/webapp/static/ms-admin/4.7.0/less/base/style.less
View File 

@@ -39,13 +39,13 @@
 
 @titleColor: #333;
 
 //内容字体样式
 
 @contentSize: 14px;
 
-@contentColor: #333;
 
+@contentColor: #999;
 
 // 默认字体样式
 
 @defalutSize: 14px;
 
 @defalutColor: #333;
 
 //辅助性描述样式
 
 @auxiliarySize: 12px;
 
-@auxiliaryColor: #999;
 
+@auxiliaryColor: #aaa;
 
 
 /*
 
 *头像

+ 33 - 1
src/main/webapp/static/mweixin/css/material-list.css
View File 

@@ -50,7 +50,7 @@ input::-webkit-input-placeholder,
 
 textarea::-webkit-input-placeholder {
 
   font-weight: initial;
 
   font-size: 12px;
 
-  color: #999;
 
+  color: #aaa;
 
   resize: none;
 
 }
 
 *::-webkit-scrollbar {
 
@@ -120,14 +120,46 @@ textarea::-webkit-input-placeholder {
 
   border-bottom: 1px solid #e6e6e6;
 
   padding: 10px 0;
 
 }
 
+.ms-admin-material-list .ms-admin-material-item .head span {
 
+  color: #999;
 
+}
 
 .ms-admin-material-list .ms-admin-material-item .body {
 
   display: flex;
 
   flex-direction: column;
 
+  line-height: 2em;
 
+}
 
+.ms-admin-material-list .ms-admin-material-item .body span {
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+  display: block;
 
+}
 
+.ms-admin-material-list .ms-admin-material-item .body img {
 
+  width: 170px;
 
+  height: 110px;
 
+  margin: 0.5em auto;
 
+  object-fit: cover;
 
+}
 
+.ms-admin-material-list .ms-admin-material-item .body p {
 
+  margin: 0;
 
+  color: #999;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-line-clamp: 3;
 
+  -webkit-box-orient: vertical;
 
 }
 
 .ms-admin-material-list .ms-admin-material-item .footer {
 
   display: flex;
 
   padding: 14px 0;
 
 }
 
 .ms-admin-material-list .ms-admin-material-item .footer i {
 
+  color: #999;
 
   margin: auto;
 
+  cursor: pointer;
 
+}
 
+.ms-admin-material-list .ms-admin-material-item .footer em {
 
+  width: 1px;
 
+  height: 1em;
 
+  background: #e6e6e6;
 
 }

+ 23 - 0
src/main/webapp/static/mweixin/material-list.less
View File 

@@ -15,16 +15,39 @@
 
         .head {
 
             border-bottom: 1px solid #e6e6e6;
 
             padding: 10px 0;
 
+            span {
 
+                color: @contentColor;
 
+            }
 
         }
 
         .body {
 
             display: flex;
 
             flex-direction: column;
 
+            line-height: 2em;
 
+            span {
 
+                .ms-ellipsis;
 
+            }
 
+            img {
 
+                .ms-width-height(170px, 110px);
 
+                margin: 0.5em auto;
 
+                object-fit: cover;
 
+            }
 
+            p {
 
+                margin: 0;
 
+                color: @contentColor;
 
+                .ms-ellipsis-clamp(3);
 
+            }
 
         }
 
         .footer {
 
             display: flex;
 
             padding: 14px 0;
 
             i {
 
+                color: @contentColor;
 
                 margin: auto;
 
+                cursor: pointer;
 
+            }
 
+            em {
 
+                .ms-width-height(1px, 1em);
 
+                background: #e6e6e6;
 
             }
 
         }
 
     }