fe / yoho-community-web · Commits

Go to a project

Authored by yyq
Commit 02a7e0429df299540bf3ccb27ac3430fd6701248 1 parent 69bd1bcf

fix style

Inline Side-by-side
Showing 3 changed files with 21 additions and 10 deletions
@@ -10,11 +10,13 @@ @@ -10,11 +10,13 @@
10 <p v-if="parentComment.createTime" class="comment-time">{{parentComment.createTime | time}}</p> 10 <p v-if="parentComment.createTime" class="comment-time">{{parentComment.createTime | time}}</p>
11 <p v-else class="comment-time">刚刚</p> 11 <p v-else class="comment-time">刚刚</p>
12 </div> 12 </div>
13 - <WidgetFav  
14 - class="comment-fav"  
15 - :comment-id="parentComment.id"  
16 - :num="parentComment.praiseTotal"  
17 - :option="favOption"></WidgetFav> 13 + <div class="comment-nav-right">
  14 + <WidgetFav
  15 + class="comment-fav"
  16 + :comment-id="parentComment.id"
  17 + :num="parentComment.praiseTotal"
  18 + :option="favOption"></WidgetFav>
  19 + </div>
18 </div> 20 </div>
19 21
20 <CommentPlaceholder 22 <CommentPlaceholder
@@ -161,13 +163,15 @@ export default { @@ -161,13 +163,15 @@ export default {
161 flex: 1; 163 flex: 1;
162 164
163 .comment-user-name { 165 .comment-user-name {
164 - font-size: 28px; 166 + font-size: 0;
165 color: #222; 167 color: #222;
166 - line-height: 40px;  
167 width: 100%; 168 width: 100%;
168 height: auto; 169 height: auto;
  170 + margin-top: 6px;
169 171
170 .name { 172 .name {
  173 + font-size: 28px;
  174 + line-height: 40px;
171 max-width: 300px; 175 max-width: 300px;
172 display: inline-block; 176 display: inline-block;
173 overflow: hidden; 177 overflow: hidden;
@@ -178,15 +182,17 @@ export default { @@ -178,15 +182,17 @@ export default {
178 } 182 }
179 183
180 .comment-time { 184 .comment-time {
181 - font-size: 20px; 185 + font-size: 26px;
182 color: #b0b0b0; 186 color: #b0b0b0;
183 - line-height: 28px; 187 + line-height: 36px;
184 transform: scale(0.8); 188 transform: scale(0.8);
185 transform-origin: left; 189 transform-origin: left;
186 } 190 }
187 } 191 }
188 192
189 - .comment-fav { 193 + .comment-nav-right {
  194 + display: flex;
  195 + align-items: center;
190 padding-right: 20px; 196 padding-right: 20px;
191 } 197 }
192 198
@@ -287,6 +287,7 @@ export default { @@ -287,6 +287,7 @@ export default {
287 position: relative; 287 position: relative;
288 z-index: 1; 288 z-index: 1;
289 background-color: #fff; 289 background-color: #fff;
  290 + border-bottom: 1px solid #f6f6f6;
290 } 291 }
291 292
292 .article-context { 293 .article-context {
@@ -16,6 +16,10 @@ const getDetailShareData = (article) => { @@ -16,6 +16,10 @@ const getDetailShareData = (article) => {
16 desc = get(blockList.filter(block => block.templateKey === 'text'), '[0].contentData', ''); 16 desc = get(blockList.filter(block => block.templateKey === 'text'), '[0].contentData', '');
17 } 17 }
18 18
  19 + if (shareImage && shareImage.indexOf('//') >= 0) {
  20 + shareImage = `${window ? window.location.protocol : ''}//${shareImage.split('//')[1]}`;
  21 + }
  22 +
19 return { 23 return {
20 title: `@${article.authorName} 在有货社区上发了一篇笔记，快点开看看！`, 24 title: `@${article.authorName} 在有货社区上发了一篇笔记，快点开看看！`,
21 imgUrl: get(shareImage.split('?'), '[0]') || DEFAULT_SHARE_IMAGE, 25 imgUrl: get(shareImage.split('?'), '[0]') || DEFAULT_SHARE_IMAGE,