浏览代码

修改加入中泽详情移动端样式

zjm
等你 4 个月前
父节点
当前提交
f42489113b
共有 2 个文件被更改,包括 18 次插入11 次删除
  1. 2
    2
      src/pages/joinDetail/index.html
  2. 16
    9
      src/pages/joinDetail/index.less

+ 2
- 2
src/pages/joinDetail/index.html 查看文件

@@ -16,8 +16,8 @@
16 16
     <div class="main">
17 17
       <div class="content">
18 18
         <div class="conUp">
19
-          <span class="time">发稿时间:2024-11-04 16:56:34</span>
20
-          <span>来源:中泽集团</span>
19
+          <span>发稿时间:2024-11-04 16:56:34</span>
20
+          <span class="add">来源:中泽集团</span>
21 21
           <span class="num">浏览次数:227</span>
22 22
         </div>
23 23
         <div class="conTxt">

+ 16
- 9
src/pages/joinDetail/index.less 查看文件

@@ -82,38 +82,45 @@
82 82
     padding-top: 61px;
83 83
   }
84 84
   .content {
85
-    font-size: 16px;
85
+    font-size: 14px;
86 86
     box-sizing: border-box;
87
-    padding: 60px 15px 0px;
87
+    padding: 40px 15px 0px;
88 88
     .conUp{
89
+      font-size: 12px;
89 90
       span{
90
-        width: 48%;
91 91
         margin-right: 0px;
92 92
       }
93
-      .time{
94
-        width: 100%;
95
-        margin-bottom: 10px;
93
+      .add{
94
+        float: right;
96 95
       }
97 96
       .num{
98
-        text-align: right;
97
+        margin-top: 16px;
98
+        width: 100%;
99 99
       }
100 100
     }
101 101
     .conTxt{
102 102
       padding-top: 40px;
103 103
       padding-bottom: 45px;
104 104
       .title{
105
-        font-size: 24px;
106
-        margin-bottom: 40px;
105
+        font-size: 19px;
106
+        margin-bottom: 25px;
107
+        text-align: left;
107 108
       }
108 109
       .text{
109 110
         margin-bottom: 15px;
111
+        font-size: 14px;
112
+        line-height: 28px;
110 113
       }
111 114
     }
112 115
     .conDwn{
113 116
       padding-bottom: 60px;
114 117
       font-size: 14px;
118
+      padding-top: 10px;
115 119
       &>div{
116 120
         margin-top: 20px;
121
+        overflow: hidden;
122
+        white-space: nowrap;
123
+        text-overflow: ellipsis;
117 124
       }
118 125
     }
119 126
   }

正在加载...
取消
保存