王士厅

fix: '我的'个人信息ui修改,更新版本号7.3.9.6

@@ -2,8 +2,8 @@ @@ -2,8 +2,8 @@
2 "app": { 2 "app": {
3 "bundleName": "com.peopledailychina.hosactivity", 3 "bundleName": "com.peopledailychina.hosactivity",
4 "vendor": "$string:app_vendor", 4 "vendor": "$string:app_vendor",
5 - "versionCode": 7395,  
6 - "versionName": "7.3.9.5", 5 + "versionCode": 7396,
  6 + "versionName": "7.3.9.6",
7 "icon": "$media:app_icon", 7 "icon": "$media:app_icon",
8 "label": "$string:app_name" 8 "label": "$string:app_name"
9 } 9 }
@@ -31,62 +31,44 @@ export struct FollowChildComponent{ @@ -31,62 +31,44 @@ export struct FollowChildComponent{
31 Stack({alignContent: Alignment.Bottom}){ 31 Stack({alignContent: Alignment.Bottom}){
32 Image(StringUtils.isEmpty(this.data.headPhotoUrl)?$r('app.media.icon_default_head_mater'):this.data.headPhotoUrl) 32 Image(StringUtils.isEmpty(this.data.headPhotoUrl)?$r('app.media.icon_default_head_mater'):this.data.headPhotoUrl)
33 .objectFit(ImageFit.Auto) 33 .objectFit(ImageFit.Auto)
34 - // .width('92lpx')  
35 - .width(92)  
36 - // .height('92lpx')  
37 - .height(92) 34 + .width(48)
  35 + .height(48)
38 .borderRadius(50) 36 .borderRadius(50)
39 - // .borderWidth('1lpx')  
40 .borderWidth(1) 37 .borderWidth(1)
41 .borderColor($r('app.color.color_0D000000')) 38 .borderColor($r('app.color.color_0D000000'))
42 Row(){ 39 Row(){
43 Image(this.data.authIcon) 40 Image(this.data.authIcon)
44 - // .width('32lpx')  
45 - .width(32)  
46 - // .height('32lpx')  
47 - .height(32) 41 + .width(16.89)
  42 + .height(16.89)
48 .objectFit(ImageFit.Cover) 43 .objectFit(ImageFit.Cover)
49 } 44 }
50 - // .width('92lpx')  
51 - .width(92) 45 + .width(48)
52 .justifyContent(FlexAlign.End) 46 .justifyContent(FlexAlign.End)
53 } 47 }
54 - // .width('92lpx')  
55 - .width(92)  
56 - // .height('92lpx')  
57 - .height(92)  
58 - // .margin({right:'15lpx'})  
59 - .margin({right: 15}) 48 + .width(48)
  49 + .height(48)
  50 + .margin({right: 11})
60 51
61 52
62 Column(){ 53 Column(){
63 Text(this.data.cnUserName) 54 Text(this.data.cnUserName)
64 - // .fontWeight('400lpx')  
65 .fontWeight(400) 55 .fontWeight(400)
66 - // .fontSize('31lpx')  
67 - .fontSize(31)  
68 - // .lineHeight('38lpx')  
69 - .lineHeight(38) 56 + .fontSize(18)
  57 + .lineHeight(22)
70 .fontColor($r('app.color.color_222222')) 58 .fontColor($r('app.color.color_222222'))
71 .maxLines(1) 59 .maxLines(1)
72 - // .margin({bottom:'8lpx'})  
73 - .margin({bottom: 8}) 60 + .margin({bottom: 2})
74 61
75 Text(`粉丝${this.data.cnFansNum}`) 62 Text(`粉丝${this.data.cnFansNum}`)
76 .fontColor($r('app.color.color_B0B0B0')) 63 .fontColor($r('app.color.color_B0B0B0'))
77 - // .fontSize('23lpx')  
78 - .fontSize(23)  
79 - // .fontWeight('400lpx') 64 + .fontSize(12)
80 .fontWeight(400) 65 .fontWeight(400)
81 - // .lineHeight('31lpx')  
82 - .lineHeight(31)  
83 - // .margin({bottom:'8lpx'})  
84 - .margin({bottom: 8}) 66 + .lineHeight(16)
85 67
86 Text(`${this.data.introduction}`) 68 Text(`${this.data.introduction}`)
87 .fontColor($r('app.color.color_B0B0B0')) 69 .fontColor($r('app.color.color_B0B0B0'))
88 - // .fontSize('23lpx')  
89 - .fontSize(23) 70 + .fontSize(12)
  71 + .lineHeight(16)
90 .maxLines(2) 72 .maxLines(2)
91 .textAlign(TextAlign.Start) 73 .textAlign(TextAlign.Start)
92 .textOverflow({ overflow: TextOverflow.Ellipsis }) 74 .textOverflow({ overflow: TextOverflow.Ellipsis })
@@ -110,30 +92,23 @@ export struct FollowChildComponent{ @@ -110,30 +92,23 @@ export struct FollowChildComponent{
110 }else { 92 }else {
111 Text(`已关注`) 93 Text(`已关注`)
112 .fontColor($r('app.color.color_CCCCCC')) 94 .fontColor($r('app.color.color_CCCCCC'))
113 - // .fontSize('23lpx')  
114 - .fontSize(23)  
115 - // .fontWeight('500lpx') 95 + .fontSize(12)
116 .fontWeight(500) 96 .fontWeight(500)
117 - // .lineHeight('35lpx')  
118 - .lineHeight(35) 97 + .lineHeight(18)
119 } 98 }
120 } 99 }
121 .justifyContent(FlexAlign.Center) 100 .justifyContent(FlexAlign.Center)
122 - // .width('100lpx')  
123 - .width(100) 101 + .width(52)
124 .backgroundColor($r("app.color.color_F5F5F5")) 102 .backgroundColor($r("app.color.color_F5F5F5"))
125 - // .borderRadius("6lpx")  
126 - .borderRadius(6)  
127 - // .height('46lpx')  
128 - .height(46) 103 + .borderRadius(3)
  104 + .height(24)
129 .onClick(()=>{ 105 .onClick(()=>{
130 if (this.isLoadingAttention) return 106 if (this.isLoadingAttention) return
131 this.isLoadingAttention = true 107 this.isLoadingAttention = true
132 108
133 this.followOperation() 109 this.followOperation()
134 }) 110 })
135 - // .margin({top:'29lpx'})  
136 - .margin({top: 29}) 111 + .margin({top: 26})
137 }else{ 112 }else{
138 Row(){ 113 Row(){
139 if(this.isLoadingAttention) { 114 if(this.isLoadingAttention) {
@@ -141,36 +116,25 @@ export struct FollowChildComponent{ @@ -141,36 +116,25 @@ export struct FollowChildComponent{
141 .width(20) 116 .width(20)
142 .height(20) 117 .height(20)
143 .color($r('app.color.main_red')) 118 .color($r('app.color.main_red'))
144 - }else { 119 + } else {
145 Image($r('app.media.follow_icon')) 120 Image($r('app.media.follow_icon'))
146 - // .margin({right:'4lpx'})  
147 - .margin({right: 4})  
148 - // .width('23lpx')  
149 - .width(23)  
150 - // .height('23lpx')  
151 - .height(23) 121 + .margin({right: 2})
  122 + .width(12)
  123 + .height(12)
152 Text(`关注`) 124 Text(`关注`)
153 .fontColor($r('app.color.color_ED2800')) 125 .fontColor($r('app.color.color_ED2800'))
154 - // .fontSize('23lpx')  
155 - .fontSize(23)  
156 - // .fontWeight('500lpx') 126 + .fontSize(12)
157 .fontWeight(500) 127 .fontWeight(500)
158 - // .lineHeight('35lpx')  
159 - .lineHeight(35) 128 + .lineHeight(18)
160 } 129 }
161 130
162 }.borderColor($r('app.color.color_1AED2800')) 131 }.borderColor($r('app.color.color_1AED2800'))
163 - // .borderRadius('6lpx')  
164 - .borderRadius(6)  
165 - // .borderWidth('2lpx')  
166 - .borderWidth(2) 132 + .borderRadius(3)
  133 + .borderWidth(1)
167 .justifyContent(FlexAlign.Center) 134 .justifyContent(FlexAlign.Center)
168 - // .width('100lpx')  
169 - .width(100)  
170 - // .height('46lpx')  
171 - .height(46)  
172 - // .margin({top:'29lpx'})  
173 - .margin({top: 29}) 135 + .width(52)
  136 + .height(24)
  137 + .margin({top: 26})
174 .onClick(()=>{ 138 .onClick(()=>{
175 if (this.isLoadingAttention) return 139 if (this.isLoadingAttention) return
176 this.isLoadingAttention = true 140 this.isLoadingAttention = true
@@ -179,23 +143,19 @@ export struct FollowChildComponent{ @@ -179,23 +143,19 @@ export struct FollowChildComponent{
179 }) 143 })
180 } 144 }
181 } 145 }
182 - // .padding({top:'27lpx'})  
183 - .padding({top: 27}) 146 + .padding({top: 14})
184 .width('100%') 147 .width('100%')
185 .justifyContent(FlexAlign.SpaceBetween) 148 .justifyContent(FlexAlign.SpaceBetween)
186 .alignItems(VerticalAlign.Top) 149 .alignItems(VerticalAlign.Top)
187 150
188 } 151 }
189 - // .height(`${this.columnHeight}lpx`)  
190 .height(`${this.columnHeight}`) 152 .height(`${this.columnHeight}`)
191 .justifyContent(FlexAlign.Start) 153 .justifyContent(FlexAlign.Start)
192 154
193 Divider() 155 Divider()
194 .width('100%') 156 .width('100%')
195 - // .height('2lpx')  
196 - .height(2) 157 + .height(1)
197 .color($r('app.color.color_F5F5F5')) 158 .color($r('app.color.color_F5F5F5'))
198 - // .strokeWidth('1lpx')  
199 .strokeWidth(1) 159 .strokeWidth(1)
200 }.width('100%') 160 }.width('100%')
201 161
@@ -208,65 +168,51 @@ export struct FollowChildComponent{ @@ -208,65 +168,51 @@ export struct FollowChildComponent{
208 Stack({alignContent: Alignment.Bottom}){ 168 Stack({alignContent: Alignment.Bottom}){
209 Image(StringUtils.isEmpty(this.data.headPhotoUrl)?$r('app.media.icon_default_head_mater'):this.data.headPhotoUrl) 169 Image(StringUtils.isEmpty(this.data.headPhotoUrl)?$r('app.media.icon_default_head_mater'):this.data.headPhotoUrl)
210 .objectFit(ImageFit.Auto) 170 .objectFit(ImageFit.Auto)
211 - // .width('92lpx')  
212 - .width(92)  
213 - // .height('92lpx')  
214 - .height(92) 171 + .width(48)
  172 + .height(48)
215 .borderRadius(50) 173 .borderRadius(50)
216 - // .borderWidth('1lpx')  
217 .borderWidth(1) 174 .borderWidth(1)
218 .borderColor($r('app.color.color_0D000000')) 175 .borderColor($r('app.color.color_0D000000'))
219 Row(){ 176 Row(){
220 Image(this.data.authIcon) 177 Image(this.data.authIcon)
221 - // .width('32lpx')  
222 - .width(32)  
223 - // .height('32lpx')  
224 - .height(32) 178 + .width(16.89)
  179 + .height(16.89)
225 .objectFit(ImageFit.Cover) 180 .objectFit(ImageFit.Cover)
226 } 181 }
227 - // .width('92lpx')  
228 - .width(92) 182 + .width(48)
229 .justifyContent(FlexAlign.End) 183 .justifyContent(FlexAlign.End)
230 } 184 }
231 - // .width('92lpx')  
232 - .width(92)  
233 - // .height('92lpx')  
234 - .height(92)  
235 - // .margin({right:'15lpx'})  
236 - .margin({right: 15}) 185 + .width(48)
  186 + .height(48)
  187 + .margin({right: 11})
237 188
238 Column(){ 189 Column(){
239 Text(this.data.cnUserName) 190 Text(this.data.cnUserName)
240 - // .fontWeight('400lpx')  
241 .fontWeight(400) 191 .fontWeight(400)
242 - // .fontSize('31lpx')  
243 - .fontSize(31)  
244 - // .lineHeight('38lpx')  
245 - .lineHeight(38) 192 + .fontSize(18)
  193 + .lineHeight(22)
246 .fontColor($r('app.color.color_222222')) 194 .fontColor($r('app.color.color_222222'))
247 .maxLines(1) 195 .maxLines(1)
248 - // .margin({bottom:'12lpx'})  
249 - .margin({bottom: 12}) 196 + .margin({bottom: 2})
250 Row(){ 197 Row(){
251 if(this.data.cnFansNum!="0"){ 198 if(this.data.cnFansNum!="0"){
252 Text(`粉丝${this.data.cnFansNum}`) 199 Text(`粉丝${this.data.cnFansNum}`)
253 .fontColor($r('app.color.color_B0B0B0')) 200 .fontColor($r('app.color.color_B0B0B0'))
254 - // .fontSize('23lpx')  
255 - .fontSize(23) 201 + .fontSize(12)
  202 + .fontWeight(400)
  203 + .lineHeight(16)
256 } 204 }
257 if(this.data.cnFansNum!="0" && StringUtils.isNotEmpty(this.data.introduction)){ 205 if(this.data.cnFansNum!="0" && StringUtils.isNotEmpty(this.data.introduction)){
258 Image($r("app.media.point")) 206 Image($r("app.media.point"))
259 - // .width('31lpx')  
260 - .width(31)  
261 - // .height('31lpx')  
262 - .height(31) 207 + .width(16)
  208 + .height(16)
263 .objectFit(ImageFit.Auto) 209 .objectFit(ImageFit.Auto)
264 } 210 }
265 211
266 Text(`${this.data.introduction}`) 212 Text(`${this.data.introduction}`)
267 .fontColor($r('app.color.color_B0B0B0')) 213 .fontColor($r('app.color.color_B0B0B0'))
268 - // .fontSize('23lpx')  
269 - .fontSize(23) 214 + .fontSize(12)
  215 + .lineHeight(16)
270 .layoutWeight(1) 216 .layoutWeight(1)
271 .maxLines(1) 217 .maxLines(1)
272 .textOverflow({ overflow: TextOverflow.Ellipsis }) 218 .textOverflow({ overflow: TextOverflow.Ellipsis })
@@ -292,22 +238,16 @@ export struct FollowChildComponent{ @@ -292,22 +238,16 @@ export struct FollowChildComponent{
292 }else { 238 }else {
293 Text(`已关注`) 239 Text(`已关注`)
294 .fontColor($r('app.color.color_CCCCCC')) 240 .fontColor($r('app.color.color_CCCCCC'))
295 - // .fontSize('23lpx')  
296 - .fontSize(23)  
297 - // .fontWeight('500lpx') 241 + .fontSize(12)
298 .fontWeight(500) 242 .fontWeight(500)
299 - // .lineHeight('35lpx')  
300 - .lineHeight(35) 243 + .lineHeight(18)
301 } 244 }
302 } 245 }
303 .backgroundColor($r("app.color.color_F5F5F5")) 246 .backgroundColor($r("app.color.color_F5F5F5"))
304 .justifyContent(FlexAlign.Center) 247 .justifyContent(FlexAlign.Center)
305 - // .borderRadius("6lpx")  
306 - .borderRadius(6)  
307 - // .width('100lpx')  
308 - .width(100)  
309 - // .height('46lpx')  
310 - .height(46) 248 + .borderRadius(3)
  249 + .width(52)
  250 + .height(24)
311 .onClick(()=>{ 251 .onClick(()=>{
312 if (this.isLoadingAttention) return 252 if (this.isLoadingAttention) return
313 this.isLoadingAttention = true 253 this.isLoadingAttention = true
@@ -323,31 +263,21 @@ export struct FollowChildComponent{ @@ -323,31 +263,21 @@ export struct FollowChildComponent{
323 .color($r('app.color.main_red')) 263 .color($r('app.color.main_red'))
324 }else { 264 }else {
325 Image($r('app.media.follow_icon')) 265 Image($r('app.media.follow_icon'))
326 - // .margin({right:'4lpx'})  
327 - .margin({right: 4})  
328 - // .width('23lpx')  
329 - .width(23)  
330 - // .height('23lpx')  
331 - .height(23) 266 + .margin({right: 2})
  267 + .width(12)
  268 + .height(12)
332 Text(`关注`) 269 Text(`关注`)
333 .fontColor($r('app.color.color_ED2800')) 270 .fontColor($r('app.color.color_ED2800'))
334 - // .fontSize('23lpx')  
335 - .fontSize(23)  
336 - // .fontWeight('500lpx') 271 + .fontSize(12)
337 .fontWeight(500) 272 .fontWeight(500)
338 - // .lineHeight('35lpx')  
339 - .lineHeight(35) 273 + .lineHeight(18)
340 } 274 }
341 }.borderColor($r('app.color.color_1AED2800')) 275 }.borderColor($r('app.color.color_1AED2800'))
342 - // .borderRadius('6lpx')  
343 - .borderRadius(6)  
344 - // .borderWidth('2lpx')  
345 - .borderWidth(2) 276 + .borderRadius(3)
  277 + .borderWidth(1)
346 .justifyContent(FlexAlign.Center) 278 .justifyContent(FlexAlign.Center)
347 - // .width('100lpx')  
348 - .width(100)  
349 - // .height('46lpx')  
350 - .height(46) 279 + .width(52)
  280 + .height(24)
351 .onClick(()=>{ 281 .onClick(()=>{
352 if (this.isLoadingAttention) return 282 if (this.isLoadingAttention) return
353 this.isLoadingAttention = true 283 this.isLoadingAttention = true
@@ -358,21 +288,16 @@ export struct FollowChildComponent{ @@ -358,21 +288,16 @@ export struct FollowChildComponent{
358 } 288 }
359 } 289 }
360 .width('100%') 290 .width('100%')
361 - // .height('92lpx')  
362 - .height(92)  
363 .justifyContent(FlexAlign.SpaceBetween) 291 .justifyContent(FlexAlign.SpaceBetween)
364 292
365 } 293 }
366 - // .height('146lpx')  
367 - .height(146) 294 + .height(76)
368 .justifyContent(FlexAlign.Center) 295 .justifyContent(FlexAlign.Center)
369 296
370 Divider() 297 Divider()
371 .width('100%') 298 .width('100%')
372 - // .height('2lpx')  
373 - .height(2) 299 + .height(1)
374 .color($r('app.color.color_F5F5F5')) 300 .color($r('app.color.color_F5F5F5'))
375 - // .strokeWidth('1lpx')  
376 .strokeWidth(1) 301 .strokeWidth(1)
377 }.width('100%') 302 }.width('100%')
378 303
@@ -24,45 +24,31 @@ export struct ChildCommentComponent { @@ -24,45 +24,31 @@ export struct ChildCommentComponent {
24 Image(this.data.fromUserHeader&&this.data.fromUserHeader.length>0?this.data.fromUserHeader:(this.data.fromUserType === 1?$r('app.media.default_head_userPage'):$r('app.media.AccountOwner_DefaultIcon'))) 24 Image(this.data.fromUserHeader&&this.data.fromUserHeader.length>0?this.data.fromUserHeader:(this.data.fromUserType === 1?$r('app.media.default_head_userPage'):$r('app.media.AccountOwner_DefaultIcon')))
25 .alt($r('app.media.default_head')) 25 .alt($r('app.media.default_head'))
26 .objectFit(ImageFit.Auto) 26 .objectFit(ImageFit.Auto)
27 - // .width('69lpx')  
28 - .width(69)  
29 - // .height('69lpx')  
30 - .height(69) 27 + .width(35.47)
  28 + .height(35.47)
31 .borderRadius(50) 29 .borderRadius(50)
32 Image(this.levelHead) 30 Image(this.levelHead)
33 - // .width('89lpx')  
34 - .width(89)  
35 - // .height('89lpx')  
36 - .height(89) 31 + .width(54)
  32 + .height(54)
37 .objectFit(ImageFit.Cover) 33 .objectFit(ImageFit.Cover)
38 .borderRadius(50) 34 .borderRadius(50)
39 } 35 }
40 - // .width('89lpx')  
41 - .width(89)  
42 - // .height('89lpx')  
43 - .height(89)  
44 - // .margin({ right: '3lpx' })  
45 - .margin({ right: 3 }) 36 + .width(54)
  37 + .height(54)
  38 + .margin({ right: 5 })
46 39
47 Column() { 40 Column() {
48 Text(this.data.fromUserName) 41 Text(this.data.fromUserName)
49 - // .fontSize('25lpx')  
50 - .fontSize(25)  
51 - // .lineHeight('35lpx')  
52 - .lineHeight(35)  
53 - // .fontWeight('600lpx') 42 + .fontSize(15)
  43 + .lineHeight(21)
54 .fontWeight(600) 44 .fontWeight(600)
55 .fontColor($r('app.color.color_222222')) 45 .fontColor($r('app.color.color_222222'))
56 - // .margin({ bottom: '6lpx' })  
57 - .margin({ bottom: 6 }) 46 + .margin({ bottom: 1 })
58 .maxLines(1) 47 .maxLines(1)
59 Text(`${this.data.createTime}`) 48 Text(`${this.data.createTime}`)
60 .fontColor($r('app.color.color_B0B0B0')) 49 .fontColor($r('app.color.color_B0B0B0'))
61 - // .fontSize('23lpx')  
62 - .fontSize(23)  
63 - // .lineHeight('31lpx')  
64 - .lineHeight(31)  
65 - // .fontWeight('400lpx') 50 + .fontSize(12)
  51 + .lineHeight(16)
66 .fontWeight(400) 52 .fontWeight(400)
67 .maxLines(1) 53 .maxLines(1)
68 }.layoutWeight(1) 54 }.layoutWeight(1)
@@ -72,21 +58,15 @@ export struct ChildCommentComponent { @@ -72,21 +58,15 @@ export struct ChildCommentComponent {
72 if (this.data.checkStatus != 3) { 58 if (this.data.checkStatus != 3) {
73 Row() { 59 Row() {
74 Text(this.data.likeNum.toString()) 60 Text(this.data.likeNum.toString())
75 - // .fontWeight("500lpx")  
76 .fontWeight(500) 61 .fontWeight(500)
77 - // .fontSize("27lpx")  
78 - .fontSize(27)  
79 - // .lineHeight("31lpx")  
80 - .lineHeight(31) 62 + .fontSize(14)
  63 + .lineHeight(16)
81 .fontColor(this.data.like_status === 0 ? $r('app.color.color_666666') : $r('app.color.color_ED2800')) 64 .fontColor(this.data.like_status === 0 ? $r('app.color.color_666666') : $r('app.color.color_ED2800'))
82 - // .margin({ right: '8lpx' })  
83 - .margin({ right: 8 }) 65 + .margin({ right: 4 })
84 .visibility(this.data.likeNum <= 0||StringUtils.isEmpty(this.data.likeNum.toString()) ? Visibility.Hidden : Visibility.Visible) 66 .visibility(this.data.likeNum <= 0||StringUtils.isEmpty(this.data.likeNum.toString()) ? Visibility.Hidden : Visibility.Visible)
85 Image(this.data.like_status === 0 ? $r('app.media.like_default_status') : $r('app.media.liked_status')) 67 Image(this.data.like_status === 0 ? $r('app.media.like_default_status') : $r('app.media.liked_status'))
86 - // .width('31lpx')  
87 - .width(31)  
88 - // .height('31lpx')  
89 - .height(31) 68 + .width(16)
  69 + .height(16)
90 .objectFit(ImageFit.Auto) 70 .objectFit(ImageFit.Auto)
91 .interpolation(ImageInterpolation.Medium) 71 .interpolation(ImageInterpolation.Medium)
92 .borderRadius(50) 72 .borderRadius(50)
@@ -95,13 +75,10 @@ export struct ChildCommentComponent { @@ -95,13 +75,10 @@ export struct ChildCommentComponent {
95 }) 75 })
96 } 76 }
97 } 77 }
98 - // .margin({ bottom: '5lpx' })  
99 .margin({ bottom: 5 }) 78 .margin({ bottom: 5 })
100 .width('100%') 79 .width('100%')
101 - // .height('108lpx')  
102 - .height(108)  
103 - // .padding({ left: '31lpx', right: '31lpx' })  
104 - .padding({ left: 31, right: 31 }) 80 + .height(56)
  81 + .padding({ left: 11, right: 15 })
105 82
106 Row() { 83 Row() {
107 if (this.isExpand) { 84 if (this.isExpand) {
@@ -124,11 +101,11 @@ export struct ChildCommentComponent { @@ -124,11 +101,11 @@ export struct ChildCommentComponent {
124 .textStyle() 101 .textStyle()
125 } 102 }
126 } 103 }
127 - // .padding({ left: '31lpx', right: '31lpx' })  
128 - .padding({ left: 31, right: 31 }) 104 + .padding({ left: 15, right: 15 })
129 .width('100%') 105 .width('100%')
130 106
131 Column() { 107 Column() {
  108 + Column(){
132 if (StringUtils.isNotEmpty(this.data.parentCommentContent)) { 109 if (StringUtils.isNotEmpty(this.data.parentCommentContent)) {
133 //父评论 110 //父评论
134 Row() { 111 Row() {
@@ -136,20 +113,14 @@ export struct ChildCommentComponent { @@ -136,20 +113,14 @@ export struct ChildCommentComponent {
136 Text() { 113 Text() {
137 Span(`@${this.data.parentCommentUserName}:`) 114 Span(`@${this.data.parentCommentUserName}:`)
138 .fontColor($r('app.color.color_000000')) 115 .fontColor($r('app.color.color_000000'))
139 - // .fontWeight('500lpx')  
140 .fontWeight(500) 116 .fontWeight(500)
141 - // .fontSize('27lpx')  
142 - .fontSize(27)  
143 - // .lineHeight('40lpx')  
144 - .lineHeight(40) 117 + .fontSize(14)
  118 + .lineHeight(21)
145 Span(this.data.parentCommentContent) 119 Span(this.data.parentCommentContent)
146 .fontColor($r('app.color.color_000000')) 120 .fontColor($r('app.color.color_000000'))
147 - // .fontWeight('400lpx')  
148 .fontWeight(400) 121 .fontWeight(400)
149 - // .fontSize('27lpx')  
150 - .fontSize(27)  
151 - // .lineHeight('40lpx')  
152 - .lineHeight(40) 122 + .fontSize(14)
  123 + .lineHeight(21)
153 } 124 }
154 .width('100%') 125 .width('100%')
155 .textAlign(TextAlign.Start) 126 .textAlign(TextAlign.Start)
@@ -157,24 +128,21 @@ export struct ChildCommentComponent { @@ -157,24 +128,21 @@ export struct ChildCommentComponent {
157 Text() { 128 Text() {
158 Span(`@${this.data.parentCommentUserName}:`) 129 Span(`@${this.data.parentCommentUserName}:`)
159 .fontColor($r('app.color.color_000000')) 130 .fontColor($r('app.color.color_000000'))
160 - // .fontWeight('500lpx')  
161 - .fontWeight(500)  
162 - // .fontSize('27lpx')  
163 - .fontSize(27)  
164 - // .lineHeight('40lpx')  
165 - .lineHeight(40) 131 + .fontWeight(400)
  132 + .fontSize(14)
  133 + .lineHeight(21)
166 134
167 Span(this.clipText(this.data.parentCommentContent, 31, 5, 630, 1)) 135 Span(this.clipText(this.data.parentCommentContent, 31, 5, 630, 1))
168 .fontColor($r('app.color.color_000000')) 136 .fontColor($r('app.color.color_000000'))
169 - // .fontWeight('400lpx')  
170 .fontWeight(400) 137 .fontWeight(400)
171 - // .fontSize('27lpx')  
172 - .fontSize(27)  
173 - // .lineHeight('40lpx')  
174 - .lineHeight(40) 138 + .fontSize(14)
  139 + .lineHeight(21)
175 if (this.isOverLinesParent) { 140 if (this.isOverLinesParent) {
176 - Span('...展开') 141 + Span('... 展开')
177 .fontColor($r('app.color.color_999999')) 142 .fontColor($r('app.color.color_999999'))
  143 + .fontWeight(400)
  144 + .fontSize(14)
  145 + .lineHeight(21)
178 .onClick(() => { 146 .onClick(() => {
179 this.isExpandParent = true 147 this.isExpandParent = true
180 }) 148 })
@@ -186,18 +154,13 @@ export struct ChildCommentComponent { @@ -186,18 +154,13 @@ export struct ChildCommentComponent {
186 } 154 }
187 } 155 }
188 .width('100%') 156 .width('100%')
189 - // .padding({ top: '23lpx', bottom: '15lpx', right: '23lpx' })  
190 - .padding({ top: 23, bottom: 15, right: 23 })  
191 157
192 Divider() 158 Divider()
193 .width('100%') 159 .width('100%')
194 - // .height('1lpx')  
195 - .height(1)  
196 - // .strokeWidth('1lpx')  
197 - .strokeWidth(1) 160 + .height(0.5)
  161 + .strokeWidth(0.5)
198 .backgroundColor($r('app.color.color_EDEDED')) 162 .backgroundColor($r('app.color.color_EDEDED'))
199 - // .margin({ top: '4lpx', bottom: '4lpx' })  
200 - .margin({ top: 4, bottom: 4 }) 163 + .margin({ top: 10, bottom: 10 })
201 } 164 }
202 165
203 Column() { 166 Column() {
@@ -205,23 +168,17 @@ export struct ChildCommentComponent { @@ -205,23 +168,17 @@ export struct ChildCommentComponent {
205 Row() { 168 Row() {
206 Image($r('app.media.comment_link_icon')) 169 Image($r('app.media.comment_link_icon'))
207 .objectFit(ImageFit.Auto) 170 .objectFit(ImageFit.Auto)
208 - // .width('31lpx')  
209 - .width(31)  
210 - // .height('31lpx')  
211 - .height(31)  
212 - // .margin({ right: '10lpx' })  
213 - .margin({ right: 10 }) 171 + .width(16)
  172 + .height(16)
  173 + .margin({ right: 5 })
214 174
215 Column() { 175 Column() {
216 Row() { 176 Row() {
217 Text(`${this.data.targetTitle}`) 177 Text(`${this.data.targetTitle}`)
218 - // .fontWeight('400lpx')  
219 .fontWeight(400) 178 .fontWeight(400)
220 .fontColor($r('app.color.color_666666')) 179 .fontColor($r('app.color.color_666666'))
221 - // .lineHeight('38lpx')  
222 - .lineHeight(38)  
223 - // .fontSize('27lpx')  
224 - .fontSize(27) 180 + .lineHeight(20)
  181 + .fontSize(14)
225 .layoutWeight(1) 182 .layoutWeight(1)
226 .maxLines(1) 183 .maxLines(1)
227 .textOverflow({ overflow: TextOverflow.Ellipsis }) 184 .textOverflow({ overflow: TextOverflow.Ellipsis })
@@ -232,17 +189,10 @@ export struct ChildCommentComponent { @@ -232,17 +189,10 @@ export struct ChildCommentComponent {
232 }.layoutWeight(1) 189 }.layoutWeight(1)
233 190
234 Image($r('app.media.arrow_icon_right')) 191 Image($r('app.media.arrow_icon_right'))
235 - // .margin({ right: '4lpx' })  
236 - .margin({ right: 4 })  
237 - // .width('23lpx')  
238 - .width(23)  
239 - // .height('23lpx')  
240 - .height(23)  
241 - .margin({right: 23}) 192 + .width(12)
  193 + .height(12)
242 } 194 }
243 .width('100%') 195 .width('100%')
244 - // .height('69lpx')  
245 - .height(69)  
246 .justifyContent(FlexAlign.SpaceBetween) 196 .justifyContent(FlexAlign.SpaceBetween)
247 .onClick(()=>{ 197 .onClick(()=>{
248 let content = getParams(this.data) 198 let content = getParams(this.data)
@@ -251,24 +201,19 @@ export struct ChildCommentComponent { @@ -251,24 +201,19 @@ export struct ChildCommentComponent {
251 }) 201 })
252 202
253 } 203 }
254 - // .height('69lpx')  
255 - .height(69)  
256 .justifyContent(FlexAlign.Center) 204 .justifyContent(FlexAlign.Center)
257 } 205 }
258 - // .margin({ top: '19lpx', bottom: '31lpx', left: '31lpx', right: '31lpx' })  
259 - .margin({ top: 19, bottom: 31, left: 31, right: 31 })  
260 - // .padding({ left: '23lpx' })  
261 - .padding({ left: 23 })  
262 - // .width('662lpx')  
263 - .width(662)  
264 .backgroundColor($r('app.color.color_F5F5F5')) 206 .backgroundColor($r('app.color.color_F5F5F5'))
  207 + .padding(12)
  208 + .width("100%")
  209 + }
  210 + .width("100%")
  211 + .padding({ top: 10, bottom: 16, left: 15, right: 15 })
265 212
266 if (!this.isLastItem) { 213 if (!this.isLastItem) {
267 Divider().width('100%') 214 Divider().width('100%')
268 - // .height('12lpx')  
269 - .height(12)  
270 - // .strokeWidth('12lpx')  
271 - .strokeWidth(12) 215 + .height(6)
  216 + .strokeWidth(6)
272 .color($r('app.color.color_F5F5F5')) 217 .color($r('app.color.color_F5F5F5'))
273 } 218 }
274 } 219 }
@@ -334,15 +279,10 @@ export struct ChildCommentComponent { @@ -334,15 +279,10 @@ export struct ChildCommentComponent {
334 279
335 @Extend(Text) 280 @Extend(Text)
336 function textStyle() { 281 function textStyle() {
337 - // .width('630lpx')  
338 - .width(630)  
339 - // .fontSize('31lpx')  
340 - .fontSize(31)  
341 - // .fontWeight('400lpx') 282 + .fontSize(16)
342 .fontWeight(400) 283 .fontWeight(400)
343 .fontColor($r('app.color.color_222222')) 284 .fontColor($r('app.color.color_222222'))
344 - // .lineHeight('46lpx')  
345 - .lineHeight(46) 285 + .lineHeight(24)
346 } 286 }
347 287
348 function getParams(item: CommentListItem) : ContentDTO{ 288 function getParams(item: CommentListItem) : ContentDTO{
@@ -37,7 +37,6 @@ export struct HomePageBottomCommentComponent { @@ -37,7 +37,6 @@ export struct HomePageBottomCommentComponent {
37 if (this.isGetRequest == true) { 37 if (this.isGetRequest == true) {
38 Text().backgroundColor($r('app.color.color_EDEDED')) 38 Text().backgroundColor($r('app.color.color_EDEDED'))
39 .width('100%') 39 .width('100%')
40 - // .height('2lpx')  
41 .height(2) 40 .height(2)
42 } 41 }
43 if (this.count === 0) { 42 if (this.count === 0) {
@@ -45,7 +44,6 @@ export struct HomePageBottomCommentComponent { @@ -45,7 +44,6 @@ export struct HomePageBottomCommentComponent {
45 EmptyComponent({ emptyType: 11 }) 44 EmptyComponent({ emptyType: 11 })
46 .layoutWeight(1) 45 .layoutWeight(1)
47 .width('100%') 46 .width('100%')
48 - // .offset({ y: "-200lpx" })  
49 .offset({ y: -200 }) 47 .offset({ y: -200 })
50 } 48 }
51 } else { 49 } else {
@@ -67,7 +65,7 @@ export struct HomePageBottomCommentComponent { @@ -67,7 +65,7 @@ export struct HomePageBottomCommentComponent {
67 } 65 }
68 }, 66 },
69 onLoadMore:(resolve)=> { 67 onLoadMore:(resolve)=> {
70 - console.log(TAG, "触底了"); 68 + // console.log(TAG, "触底了");
71 if (!this.isLoading) { 69 if (!this.isLoading) {
72 this.isLoading = true 70 this.isLoading = true
73 //加载分页数据 71 //加载分页数据
@@ -138,7 +136,7 @@ export struct HomePageBottomCommentComponent { @@ -138,7 +136,7 @@ export struct HomePageBottomCommentComponent {
138 this.getCommentListStatus(value) 136 this.getCommentListStatus(value)
139 } 137 }
140 }).catch((err: Error) => { 138 }).catch((err: Error) => {
141 - console.log(TAG, "请求失败") 139 + // console.log(TAG, "请求失败")
142 this.isLoading = false 140 this.isLoading = false
143 this.isGetRequest = true 141 this.isGetRequest = true
144 }) 142 })
@@ -236,7 +234,7 @@ export struct HomePageBottomCommentComponent { @@ -236,7 +234,7 @@ export struct HomePageBottomCommentComponent {
236 this.isLoading = false 234 this.isLoading = false
237 this.isGetRequest = true 235 this.isGetRequest = true
238 }).catch((err: Error) => { 236 }).catch((err: Error) => {
239 - console.log(TAG, "请求失败") 237 + // console.log(TAG, "请求失败")
240 this.isLoading = false 238 this.isLoading = false
241 this.isGetRequest = true 239 this.isGetRequest = true
242 }) 240 })
@@ -71,7 +71,6 @@ export struct HomePageBottomFollowComponent { @@ -71,7 +71,6 @@ export struct HomePageBottomFollowComponent {
71 if (this.isGetRequest == true) { 71 if (this.isGetRequest == true) {
72 Text().backgroundColor($r('app.color.color_EDEDED')) 72 Text().backgroundColor($r('app.color.color_EDEDED'))
73 .width('100%') 73 .width('100%')
74 - // .height('2lpx')  
75 .height(2) 74 .height(2)
76 } 75 }
77 76
@@ -81,38 +80,28 @@ export struct HomePageBottomFollowComponent { @@ -81,38 +80,28 @@ export struct HomePageBottomFollowComponent {
81 EmptyComponent({ emptyType: 14 }) 80 EmptyComponent({ emptyType: 14 })
82 .layoutWeight(1) 81 .layoutWeight(1)
83 .width('100%') 82 .width('100%')
84 - // .offset({ y: "-200lpx" })  
85 .offset({ y: -200 }) 83 .offset({ y: -200 })
86 } 84 }
87 85
88 Row() { 86 Row() {
89 Text("关注更多人民号") 87 Text("关注更多人民号")
90 - // .fontWeight('400lpx')  
91 .fontWeight(400) 88 .fontWeight(400)
92 .fontColor($r('app.color.color_222222')) 89 .fontColor($r('app.color.color_222222'))
93 - // .lineHeight('38lpx')  
94 - .lineHeight(38)  
95 - // .fontSize('27lpx')  
96 - .fontSize(27) 90 + .lineHeight(20)
  91 + .fontSize(14)
97 .textAlign(TextAlign.Center) 92 .textAlign(TextAlign.Center)
98 - // .margin({ right: '4lpx' })  
99 - .margin({ right: 4 }) 93 + .margin({ right: 2 })
100 Image($r('app.media.arrow_icon_right')) 94 Image($r('app.media.arrow_icon_right'))
101 .objectFit(ImageFit.Auto) 95 .objectFit(ImageFit.Auto)
102 - // .width('27lpx')  
103 - .width(27)  
104 - // .height('27lpx')  
105 - .height(27) 96 + .width(14)
  97 + .height(14)
106 } 98 }
107 - // .height('69lpx')  
108 - .height(69)  
109 - // .width('659lpx')  
110 - .width(659) 99 + .height(36)
  100 + .width(343)
111 .alignItems(VerticalAlign.Center) 101 .alignItems(VerticalAlign.Center)
112 .justifyContent(FlexAlign.Center) 102 .justifyContent(FlexAlign.Center)
113 .backgroundColor($r('app.color.color_F5F5F5')) 103 .backgroundColor($r('app.color.color_F5F5F5'))
114 - // .margin({ top: '31lpx', bottom: '4lpx' })  
115 - .margin({ top: 31, bottom: 4 }) 104 + .margin({ top: 10, bottom: 2 })
116 .onClick(() => { 105 .onClick(() => {
117 let params = { 'index': "1" } as Record<string, string> 106 let params = { 'index': "1" } as Record<string, string>
118 WDRouterRule.jumpWithPage(WDRouterPage.followListPage, params) 107 WDRouterRule.jumpWithPage(WDRouterPage.followListPage, params)
@@ -137,7 +126,7 @@ export struct HomePageBottomFollowComponent { @@ -137,7 +126,7 @@ export struct HomePageBottomFollowComponent {
137 } 126 }
138 }, 127 },
139 onLoadMore:(resolve)=> { 128 onLoadMore:(resolve)=> {
140 - console.log(TAG, "触底了"); 129 + // console.log(TAG, "触底了");
141 if (!this.isLoading) { 130 if (!this.isLoading) {
142 this.isLoading = true 131 this.isLoading = true
143 //加载分页数据 132 //加载分页数据
@@ -157,32 +146,23 @@ export struct HomePageBottomFollowComponent { @@ -157,32 +146,23 @@ export struct HomePageBottomFollowComponent {
157 ListItem() { 146 ListItem() {
158 Row() { 147 Row() {
159 Text("关注更多人民号") 148 Text("关注更多人民号")
160 - // .fontWeight('400lpx')  
161 .fontWeight(400) 149 .fontWeight(400)
162 .fontColor($r('app.color.color_222222')) 150 .fontColor($r('app.color.color_222222'))
163 - // .lineHeight('38lpx')  
164 - .lineHeight(38)  
165 - // .fontSize('27lpx')  
166 - .fontSize(27) 151 + .lineHeight(20)
  152 + .fontSize(14)
167 .textAlign(TextAlign.Center) 153 .textAlign(TextAlign.Center)
168 - // .margin({ right: '4lpx' })  
169 - .margin({ right: 4 }) 154 + .margin({ right: 2 })
170 Image($r('app.media.arrow_icon_right')) 155 Image($r('app.media.arrow_icon_right'))
171 .objectFit(ImageFit.Auto) 156 .objectFit(ImageFit.Auto)
172 - // .width('27lpx')  
173 - .width(27)  
174 - // .height('27lpx')  
175 - .height(27) 157 + .width(14)
  158 + .height(14)
176 } 159 }
177 - // .height('69lpx')  
178 - .height(69)  
179 - // .width('659lpx')  
180 - .width(659) 160 + .height(36)
  161 + .width(343)
181 .alignItems(VerticalAlign.Center) 162 .alignItems(VerticalAlign.Center)
182 .justifyContent(FlexAlign.Center) 163 .justifyContent(FlexAlign.Center)
183 .backgroundColor($r('app.color.color_F5F5F5')) 164 .backgroundColor($r('app.color.color_F5F5F5'))
184 - // .margin({ top: '31lpx', bottom: '4lpx' })  
185 - .margin({ top: 31, bottom: 4 }) 165 + .margin({ top: 10, bottom: 2 })
186 }.onClick(() => { 166 }.onClick(() => {
187 let params = { 'index': "1" } as Record<string, string> 167 let params = { 'index': "1" } as Record<string, string>
188 WDRouterRule.jumpWithPage(WDRouterPage.followListPage, params) 168 WDRouterRule.jumpWithPage(WDRouterPage.followListPage, params)
@@ -202,8 +182,7 @@ export struct HomePageBottomFollowComponent { @@ -202,8 +182,7 @@ export struct HomePageBottomFollowComponent {
202 } 182 }
203 } 183 }
204 .cachedCount(5) 184 .cachedCount(5)
205 - // .padding({ left: '31lpx', right: '31lpx' })  
206 - .padding({ left: 31, right: 31 }) 185 + .padding({ left: 16, right: 16 })
207 .layoutWeight(1) 186 .layoutWeight(1)
208 .scrollBar(BarState.Off) 187 .scrollBar(BarState.Off)
209 .edgeEffect(EdgeEffect.None) 188 .edgeEffect(EdgeEffect.None)
@@ -7,29 +7,27 @@ export struct ListHasNoMoreDataUI{ @@ -7,29 +7,27 @@ export struct ListHasNoMoreDataUI{
7 Row(){ 7 Row(){
8 Text("已显示全部内容") 8 Text("已显示全部内容")
9 .fontColor($r('app.color.color_999999')) 9 .fontColor($r('app.color.color_999999'))
10 - // .fontWeight('500lpx')  
11 - .fontWeight(500)  
12 - // .fontSize('23lpx')  
13 - .fontSize(23) 10 + .fontWeight(400)
  11 + .fontSize(14)
  12 + .lineHeight(20)
14 }.justifyContent(FlexAlign.Center) 13 }.justifyContent(FlexAlign.Center)
15 .width('100%') 14 .width('100%')
16 - // .margin({top:'20lpx',bottom:'20lpx'})  
17 - .margin({top: 20,bottom: 20}) 15 + .margin({top: 24,bottom: 24})
18 }else if (this.style === 2){ 16 }else if (this.style === 2){
19 Column(){ 17 Column(){
20 Image($r('app.media.empty_icon')) 18 Image($r('app.media.empty_icon'))
21 - // .width('200lpx')  
22 - .width(200)  
23 - // .height('200lpx')  
24 - .height(200) 19 + .width(160)
  20 + .height(112)
25 .objectFit(ImageFit.Auto) 21 .objectFit(ImageFit.Auto)
26 .interpolation(ImageInterpolation.High) 22 .interpolation(ImageInterpolation.High)
27 Text("暂无内容") 23 Text("暂无内容")
28 .fontColor($r('app.color.color_999999')) 24 .fontColor($r('app.color.color_999999'))
29 - // .fontWeight('500lpx')  
30 - .fontWeight(500)  
31 - // .fontSize('23lpx')  
32 - .fontSize(23) 25 + .fontWeight(400)
  26 + .fontSize(14)
  27 + .lineHeight(20)
  28 + .margin({
  29 + top: 6
  30 + })
33 } 31 }
34 .justifyContent(FlexAlign.Center) 32 .justifyContent(FlexAlign.Center)
35 .width('100%') 33 .width('100%')
@@ -103,24 +103,20 @@ struct MineHomePage { @@ -103,24 +103,20 @@ struct MineHomePage {
103 Stack(){ 103 Stack(){
104 Image(this.headPhotoUrl&&this.headPhotoUrl.length>0?this.headPhotoUrl:(this.userType === "1"?$r('app.media.default_head_userPage'):$r('app.media.AccountOwner_DefaultIcon'))) 104 Image(this.headPhotoUrl&&this.headPhotoUrl.length>0?this.headPhotoUrl:(this.userType === "1"?$r('app.media.default_head_userPage'):$r('app.media.AccountOwner_DefaultIcon')))
105 .alt($r('app.media.default_head')) 105 .alt($r('app.media.default_head'))
106 - .width(60)  
107 - .height(60) 106 + .width(64)
  107 + .height(64)
108 .objectFit(ImageFit.Auto) 108 .objectFit(ImageFit.Auto)
109 - .clip(new Circle({ width: 60, height: 60 })) 109 + .clip(new Circle({ width: 64, height: 64 }))
110 Image(this.levelHead) 110 Image(this.levelHead)
111 - // .width('165lpx')  
112 - .width(165)  
113 - // .height('165lpx')  
114 - .height(165) 111 + .width(90)
  112 + .height(90)
115 .objectFit(ImageFit.Auto) 113 .objectFit(ImageFit.Auto)
116 }.onClick(()=>{ 114 }.onClick(()=>{
117 let params = {'headPhotoUrl': this.headPhotoUrl} as Record<string, string>; 115 let params = {'headPhotoUrl': this.headPhotoUrl} as Record<string, string>;
118 WDRouterRule.jumpWithPage(WDRouterPage.showUserHeaderPage,params) 116 WDRouterRule.jumpWithPage(WDRouterPage.showUserHeaderPage,params)
119 }) 117 })
120 - // .width('165lpx')  
121 - .width(165)  
122 - // .height('165lpx')  
123 - .height(165) 118 + .width(90)
  119 + .height(90)
124 120
125 Column() { 121 Column() {
126 Row() { 122 Row() {
@@ -128,11 +124,8 @@ struct MineHomePage { @@ -128,11 +124,8 @@ struct MineHomePage {
128 .fontColor($r('app.color.white')) 124 .fontColor($r('app.color.white'))
129 .maxLines(1) 125 .maxLines(1)
130 .textOverflow({ overflow: TextOverflow.Ellipsis }) 126 .textOverflow({ overflow: TextOverflow.Ellipsis })
131 - // .fontSize('38lpx')  
132 - .fontSize(38)  
133 - // .lineHeight('50lpx')  
134 - .lineHeight(50)  
135 - // .fontWeight('500lpx') 127 + .fontSize(20)
  128 + .lineHeight(26)
136 .fontWeight(500) 129 .fontWeight(500)
137 .onClick(()=>{ 130 .onClick(()=>{
138 let params: editModelParams = { 131 let params: editModelParams = {
@@ -144,24 +137,19 @@ struct MineHomePage { @@ -144,24 +137,19 @@ struct MineHomePage {
144 if(this.levelId>0){ 137 if(this.levelId>0){
145 Text(`等级${this.levelId}`) 138 Text(`等级${this.levelId}`)
146 .fontColor($r('app.color.color_ED2800')) 139 .fontColor($r('app.color.color_ED2800'))
147 - // .fontSize('23lpx')  
148 - .fontSize(23) 140 + .fontSize(12)
  141 + .lineHeight(18)
149 .fontWeight(500) 142 .fontWeight(500)
150 - // .margin({ left: '10lpx' })  
151 - .margin({ left: 10 }) 143 + .margin({ left: 6 })
152 .backgroundImage($r("app.media.my_grade_bg")) 144 .backgroundImage($r("app.media.my_grade_bg"))
153 .backgroundImageSize(ImageSize.Cover) 145 .backgroundImageSize(ImageSize.Cover)
154 - // .padding({left:"17lpx",right:"8lpx"})  
155 - .padding({left: 17,right: 8})  
156 - // .height('35lpx')  
157 - .height(35) 146 + .padding({left: 6,right: 6})
  147 + .height(18)
158 .borderRadius({topRight:2,bottomRight:2}) 148 .borderRadius({topRight:2,bottomRight:2})
159 } 149 }
160 150
161 Blank() 151 Blank()
162 } 152 }
163 - // .width('507lpx')  
164 - .width(507)  
165 153
166 Row() { 154 Row() {
167 Row() { 155 Row() {
@@ -170,14 +158,11 @@ struct MineHomePage { @@ -170,14 +158,11 @@ struct MineHomePage {
170 Text("阅读") 158 Text("阅读")
171 .textStyle2() 159 .textStyle2()
172 } 160 }
173 - // .margin({ right: '15lpx' })  
174 - .margin({ right: 15 }) 161 + .margin({ right: 8 })
175 162
176 Divider() 163 Divider()
177 - // .height('19lpx')  
178 - .height(19)  
179 - // .width('2lpx')  
180 - .width(2) 164 + .height(10)
  165 + .width(1)
181 .color($r('app.color.white')) 166 .color($r('app.color.white'))
182 .vertical(true) 167 .vertical(true)
183 .opacity(0.4) 168 .opacity(0.4)
@@ -187,14 +172,11 @@ struct MineHomePage { @@ -187,14 +172,11 @@ struct MineHomePage {
187 Text("评论") 172 Text("评论")
188 .textStyle2() 173 .textStyle2()
189 } 174 }
190 - // .margin({ right: '15lpx', left: '15lpx' })  
191 - .margin({ right: 15, left: 15 }) 175 + .margin({ right: 8, left: 8 })
192 176
193 Divider() 177 Divider()
194 - // .height('19lpx')  
195 - .height(19)  
196 - // .width('2lpx')  
197 - .width(2) 178 + .height(10)
  179 + .width(1)
198 .color($r('app.color.white')) 180 .color($r('app.color.white'))
199 .vertical(true) 181 .vertical(true)
200 .opacity(0.4) 182 .opacity(0.4)
@@ -204,14 +186,11 @@ struct MineHomePage { @@ -204,14 +186,11 @@ struct MineHomePage {
204 Text("关注") 186 Text("关注")
205 .textStyle2() 187 .textStyle2()
206 } 188 }
207 - // .margin({ left: '15lpx' })  
208 - .margin({ left: 15 }) 189 + .margin({ left: 8 })
209 } 190 }
210 - // .margin({ top: '23lpx' })  
211 - .margin({ top: 23 }) 191 + .margin({ top: 12 })
212 }.alignItems(HorizontalAlign.Start) 192 }.alignItems(HorizontalAlign.Start)
213 - // .margin({ left: StringUtils.isEmpty(this.levelHead)?'32lpx':"3lpx" })  
214 - .margin({ left: StringUtils.isEmpty(this.levelHead) ? 32 : 3 }) 193 + .margin({ left: StringUtils.isEmpty(this.levelHead) ? 16 : 3 })
215 } 194 }
216 .onAreaChange((oldValue: Area, newValue: Area) => { 195 .onAreaChange((oldValue: Area, newValue: Area) => {
217 if (this.firstPositionY === 0) { 196 if (this.firstPositionY === 0) {
@@ -225,36 +204,32 @@ struct MineHomePage { @@ -225,36 +204,32 @@ struct MineHomePage {
225 } 204 }
226 }) 205 })
227 .backgroundColor($r('app.color.color_transparent')) 206 .backgroundColor($r('app.color.color_transparent'))
228 - // .height('184lpx')  
229 - .height(184) 207 + .height(86)
230 .width('100%') 208 .width('100%')
231 - // .padding({ left: '6lpx' })  
232 - .padding({ left: 6 }) 209 + .padding({ left: 16 })
233 210
234 211
235 //用户简介区域 212 //用户简介区域
236 Column() { 213 Column() {
237 Row() { 214 Row() {
238 Text(this.isHasIntroduction?"简介:"+this.desc:this.desc) 215 Text(this.isHasIntroduction?"简介:"+this.desc:this.desc)
239 - // .fontSize('27lpx')  
240 - .fontSize(27) 216 + .fontSize(14)
241 .maxLines(3) 217 .maxLines(3)
242 .textOverflow({ overflow: TextOverflow.Ellipsis }) 218 .textOverflow({ overflow: TextOverflow.Ellipsis })
243 - // .lineHeight('40lpx')  
244 - .lineHeight(40)  
245 - // .fontWeight('400lpx') 219 + .lineHeight(21)
246 .fontWeight(400) 220 .fontWeight(400)
247 .fontColor(this.isHasIntroduction?$r('app.color.color_222222'):$r('app.color.color_999999')) 221 .fontColor(this.isHasIntroduction?$r('app.color.color_222222'):$r('app.color.color_999999'))
248 .textAlign(TextAlign.Start) 222 .textAlign(TextAlign.Start)
249 223
250 if(!this.isHasIntroduction){ 224 if(!this.isHasIntroduction){
251 Image($r('app.media.user_info_edit_icon')) 225 Image($r('app.media.user_info_edit_icon'))
252 - // .width('27lpx')  
253 - .width(27)  
254 - // .height('27lpx')  
255 - .height(27) 226 + .width(14)
  227 + .height(14)
256 .interpolation(ImageInterpolation.High) 228 .interpolation(ImageInterpolation.High)
257 .objectFit(ImageFit.Auto) 229 .objectFit(ImageFit.Auto)
  230 + .margin({
  231 + left: 6
  232 + })
258 } 233 }
259 }.onClick(()=>{ 234 }.onClick(()=>{
260 let params: editModelParams = { 235 let params: editModelParams = {
@@ -265,28 +240,22 @@ struct MineHomePage { @@ -265,28 +240,22 @@ struct MineHomePage {
265 240
266 241
267 Text(`来到人民日报${this.registerTimeForDay}天`) 242 Text(`来到人民日报${this.registerTimeForDay}天`)
268 - // .fontSize('23lpx')  
269 - .fontSize(23)  
270 - // .lineHeight('25lpx')  
271 - .lineHeight(25)  
272 - // .fontWeight('400lpx') 243 + .fontSize(12)
  244 + .lineHeight(13)
273 .fontWeight(400) 245 .fontWeight(400)
274 .fontColor($r('app.color.color_999999')) 246 .fontColor($r('app.color.color_999999'))
275 .textAlign(TextAlign.Start) 247 .textAlign(TextAlign.Start)
276 - // .margin({ top: '15lpx' })  
277 - .margin({ top: 15 }) 248 + .margin({ top: 10 })
278 249
279 } 250 }
280 - // .padding({ left: '31lpx',right:'31lpx',top:'19lpx',bottom:'31lpx'})  
281 - .padding({ left: 31,right: 31,top: 19,bottom: 31}) 251 + .padding({ left: 16,right: 16,top: 12,bottom: 12})
282 .alignItems(HorizontalAlign.Start) 252 .alignItems(HorizontalAlign.Start)
283 .justifyContent(FlexAlign.Center) 253 .justifyContent(FlexAlign.Center)
284 .width('100%') 254 .width('100%')
285 .backgroundColor($r('app.color.white')) 255 .backgroundColor($r('app.color.white'))
286 //间隔符 256 //间隔符
287 257
288 - // Divider().width('100%').height('12lpx').color($r('app.color.color_F5F5F5')).strokeWidth('12lpx')  
289 - Divider().width('100%').height(12).color($r('app.color.color_F5F5F5')).strokeWidth(12) 258 + Divider().width('100%').height(6).color($r('app.color.color_F5F5F5')).strokeWidth(6)
290 259
291 //tab 页面 260 //tab 页面
292 Stack({ alignContent: Alignment.Top }){ 261 Stack({ alignContent: Alignment.Top }){
@@ -305,12 +274,11 @@ struct MineHomePage { @@ -305,12 +274,11 @@ struct MineHomePage {
305 trackTabFirstClick(index === 0 ? "评论":"关注") 274 trackTabFirstClick(index === 0 ? "评论":"关注")
306 }) 275 })
307 .vertical(false) 276 .vertical(false)
308 - // .barHeight("77lpx")  
309 - .barHeight(77) 277 + .barHeight(44)
310 278
311 Column() { 279 Column() {
312 // 页签 280 // 页签
313 - Row({ space: 7 }) { 281 + Row({ space: 30 }) {
314 Scroll() { 282 Scroll() {
315 Row() { 283 Row() {
316 this.TabBuilder(0,"评论") 284 this.TabBuilder(0,"评论")
@@ -322,8 +290,7 @@ struct MineHomePage { @@ -322,8 +290,7 @@ struct MineHomePage {
322 .scrollable(ScrollDirection.Horizontal) 290 .scrollable(ScrollDirection.Horizontal)
323 .scrollBar(BarState.Off) 291 .scrollBar(BarState.Off)
324 .width('100%') 292 .width('100%')
325 - // .padding({left:'31lpx'})  
326 - .padding({left: 31}) 293 + .padding({left: 16})
327 } 294 }
328 .alignItems(VerticalAlign.Bottom) 295 .alignItems(VerticalAlign.Bottom)
329 .width('100%') 296 .width('100%')
@@ -331,8 +298,7 @@ struct MineHomePage { @@ -331,8 +298,7 @@ struct MineHomePage {
331 .backgroundColor($r('app.color.white')) 298 .backgroundColor($r('app.color.white'))
332 .alignItems(HorizontalAlign.Start) 299 .alignItems(HorizontalAlign.Start)
333 .width('100%') 300 .width('100%')
334 - // .height('77lpx')  
335 - .height(77) 301 + .height(44)
336 } 302 }
337 }.width("100%") 303 }.width("100%")
338 } 304 }
@@ -343,7 +309,6 @@ struct MineHomePage { @@ -343,7 +309,6 @@ struct MineHomePage {
343 } 309 }
344 .margin({top:px2vp(this.topSafeHeight)}) 310 .margin({top:px2vp(this.topSafeHeight)})
345 }.width('100%') 311 }.width('100%')
346 - // .padding({bottom:px2vp(this.bottomSafeHeight)})  
347 .layoutWeight(1) 312 .layoutWeight(1)
348 } else { 313 } else {
349 Column(){ 314 Column(){
@@ -477,26 +442,19 @@ struct MineHomePage { @@ -477,26 +442,19 @@ struct MineHomePage {
477 @Builder TabBuilder(index: number, title: string) { 442 @Builder TabBuilder(index: number, title: string) {
478 Stack(){ 443 Stack(){
479 Text(title) 444 Text(title)
480 - // .height('38lpx')  
481 - .height(38)  
482 - // .fontSize('33lpx')  
483 - .fontSize(33)  
484 - .fontWeight(this.currentIndex === index ? 600 : 400) 445 + .height(20)
  446 + .fontSize(18)
  447 + .fontWeight(this.currentIndex === index ? 500 : 400)
485 .fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor) 448 .fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor)
486 - // .lineHeight('38lpx')  
487 - .lineHeight(38) 449 + .lineHeight(20)
488 450
489 if(this.currentIndex === index){ 451 if(this.currentIndex === index){
490 Divider() 452 Divider()
491 - // .width('31lpx')  
492 - .width(31)  
493 - // .height('4lpx')  
494 - .height(4) 453 + .width(14.2)
  454 + .height(2)
495 .color('#ED2800') 455 .color('#ED2800')
496 - // .strokeWidth('4lpx')  
497 - .strokeWidth(4)  
498 - // .margin({top:'50lpx'})  
499 - .margin({top: 50}) 456 + .strokeWidth(2)
  457 + .margin({top: 35})
500 .id("divTag") 458 .id("divTag")
501 } 459 }
502 }.onClick(()=>{ 460 }.onClick(()=>{
@@ -504,12 +462,9 @@ struct MineHomePage { @@ -504,12 +462,9 @@ struct MineHomePage {
504 this.controller.changeIndex(this.currentIndex) 462 this.controller.changeIndex(this.currentIndex)
505 trackTabFirstClick(index === 0 ? "评论":"关注") 463 trackTabFirstClick(index === 0 ? "评论":"关注")
506 }) 464 })
507 - // .height('77lpx')  
508 - .height(77)  
509 - // .width('70lpx')  
510 - .width(70)  
511 - // .margin({right:'29lpx'})  
512 - .margin({right: 29}) 465 + .height(35)
  466 + .width(36)
  467 + .margin({right: 30})
513 } 468 }
514 469
515 /** 470 /**
@@ -589,8 +544,7 @@ struct MineHomePage { @@ -589,8 +544,7 @@ struct MineHomePage {
589 @Extend(Text) function textStyle() { 544 @Extend(Text) function textStyle() {
590 .fontColor($r('app.color.white')) 545 .fontColor($r('app.color.white'))
591 .textStyleDefault() 546 .textStyleDefault()
592 - // .margin({ right: '10lpx' })  
593 - .margin({ right: 10 }) 547 + .margin({ right: 6 })
594 } 548 }
595 549
596 @Extend(Text) function textStyle2() { 550 @Extend(Text) function textStyle2() {
@@ -600,12 +554,9 @@ struct MineHomePage { @@ -600,12 +554,9 @@ struct MineHomePage {
600 554
601 @Extend(Text) function textStyleDefault() { 555 @Extend(Text) function textStyleDefault() {
602 .textAlign(TextAlign.Start) 556 .textAlign(TextAlign.Start)
603 - // .fontSize('23lpx')  
604 - .fontSize(23)  
605 - // .fontWeight('400lpx') 557 + .fontSize(12)
606 .fontWeight(400) 558 .fontWeight(400)
607 - // .lineHeight('31lpx')  
608 - .lineHeight(31) 559 + .lineHeight(16)
609 } 560 }
610 561
611 function trackTabFirstClick(firstLevelTabName: string){ 562 function trackTabFirstClick(firstLevelTabName: string){