Merge branch 'main' of http://192.168.1.42/developOne/harmonyPool into main
* 'main' of http://192.168.1.42/developOne/harmonyPool: fix: 动态视频>进入视频播放详情页-引导功能未实现 ref |> 去掉一键登录按钮上的图标 fix: UI还原问题-【uat】进入视频详情页,点击评论,默哀图标未显示
Showing
4 changed files
with
48 additions
and
27 deletions
| @@ -124,8 +124,8 @@ export struct LikeComponent { | @@ -124,8 +124,8 @@ export struct LikeComponent { | ||
| 124 | } | 124 | } |
| 125 | } else if (this.likesStyle === 3 || this.likesStyle === 'mourning') { | 125 | } else if (this.likesStyle === 3 || this.likesStyle === 'mourning') { |
| 126 | return { | 126 | return { |
| 127 | - url: this.likeStatus ? $r(`app.media.ic_candle_check`) : | ||
| 128 | - $r(`app.media.ic_candle_uncheck`), | 127 | + url: this.likeStatus ? $r(`app.media.icon_candle_active`) : |
| 128 | + $r(`app.media.icon_candle_unactive`), | ||
| 129 | name: '默哀' | 129 | name: '默哀' |
| 130 | } | 130 | } |
| 131 | } | 131 | } |
sight_harmony/features/wdComponent/src/main/resources/base/media/icon_candle_unactive.svg
0 → 100644
| 1 | +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="master_svg0_13722_099281/13416_090981"><rect x="4.5" y="0.75" width="15" height="22.5" rx="0"/></clipPath></defs><g><g clip-path="url(#master_svg0_13722_099281/13416_090981)"><g><rect x="4.5" y="20.75" width="15" height="2" rx="0.5" fill="#222222" fill-opacity="1"/></g><g><path d="M11,9.5L11,12L13,12L13,9.5C13,9.223858,12.77614,9,12.5,9L11.5,9C11.223858,9,11,9.223858,11,9.5Z" fill="#222222" fill-opacity="1"/></g><g><path d="M6,11.25L6,22.75L18,22.75L18,11.25C18,10.973858,17.7761,10.75,17.5,10.75L6.5,10.75C6.223858,10.75,6,10.973858,6,11.25ZM16,20.75L8,20.75L8,12.75L16,12.75L16,20.75Z" fill-rule="evenodd" fill="#222222" fill-opacity="1"/></g></g><g><path d="M15.75,6.31146C15.75,8.34859,14.071069999999999,10,12,10C9.92893,10,8.25,8.34859,8.25,6.31146C8.25,4.51906,10.02101,2.02987,11.84184,1.0786622C11.94119,1.0267585,12.05881,1.0267585,12.15816,1.0786622C13.97899,2.02987,15.75,4.51906,15.75,6.31146ZM13.75,6.31146Q13.75,5.60876,12.99419,4.52046Q12.519169999999999,3.83648,12,3.38317Q11.480830000000001,3.83648,11.00581,4.52046Q10.25,5.60876,10.25,6.31146Q10.25,7.00118,10.75083,7.4938Q11.265460000000001,8,12,8Q12.734539999999999,8,13.24917,7.4938Q13.75,7.00118,13.75,6.31146Z" fill-rule="evenodd" fill="#222222" fill-opacity="1"/></g></g></svg> |
| @@ -7,7 +7,7 @@ import router from '@ohos.router'; | @@ -7,7 +7,7 @@ import router from '@ohos.router'; | ||
| 7 | import { contentListParams } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest'; | 7 | import { contentListParams } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest'; |
| 8 | import { DisplayDirection } from 'wdConstant/Index'; | 8 | import { DisplayDirection } from 'wdConstant/Index'; |
| 9 | import { window } from '@kit.ArkUI'; | 9 | import { window } from '@kit.ArkUI'; |
| 10 | -import { EmptyComponent } from 'wdComponent/Index'; | 10 | +import { EmptyComponent, LottieView } from 'wdComponent/Index'; |
| 11 | import { DateTimeUtils } from 'wdKit/Index'; | 11 | import { DateTimeUtils } from 'wdKit/Index'; |
| 12 | import { TrackConstants, TrackingPageBrowse } from 'wdTracking/Index'; | 12 | import { TrackConstants, TrackingPageBrowse } from 'wdTracking/Index'; |
| 13 | import { AudioSuspensionModel } from 'wdComponent' | 13 | import { AudioSuspensionModel } from 'wdComponent' |
| @@ -15,6 +15,7 @@ import { BusinessError } from '@kit.BasicServicesKit'; | @@ -15,6 +15,7 @@ import { BusinessError } from '@kit.BasicServicesKit'; | ||
| 15 | 15 | ||
| 16 | const storage = LocalStorage.getShared(); | 16 | const storage = LocalStorage.getShared(); |
| 17 | const TAG = 'DetailVideoListPage' | 17 | const TAG = 'DetailVideoListPage' |
| 18 | +PersistentStorage.persistProp('DetailVideoListGestureLoadStrategy', 0); // 点播视频手势动画0为用户首次进入视频点播,1为用户已进入视频点播 | ||
| 18 | 19 | ||
| 19 | @Entry(storage) | 20 | @Entry(storage) |
| 20 | @Component | 21 | @Component |
| @@ -46,6 +47,7 @@ export struct DetailVideoListPage { | @@ -46,6 +47,7 @@ export struct DetailVideoListPage { | ||
| 46 | @Provide toastTextVisible: boolean = false | 47 | @Provide toastTextVisible: boolean = false |
| 47 | private AudioSuspension = new AudioSuspensionModel() | 48 | private AudioSuspension = new AudioSuspensionModel() |
| 48 | @State isShowAudioCom: boolean = false | 49 | @State isShowAudioCom: boolean = false |
| 50 | + @StorageLink('DetailVideoListGestureLoadStrategy') DetailVideoListGestureLoadStrategy: number = 0 | ||
| 49 | 51 | ||
| 50 | async aboutToAppear(): Promise<void> { | 52 | async aboutToAppear(): Promise<void> { |
| 51 | // 注册监听网络连接 | 53 | // 注册监听网络连接 |
| @@ -228,20 +230,20 @@ export struct DetailVideoListPage { | @@ -228,20 +230,20 @@ export struct DetailVideoListPage { | ||
| 228 | } | 230 | } |
| 229 | 231 | ||
| 230 | build() { | 232 | build() { |
| 231 | - if (this.netStatus !== undefined || this.isOffLine) { | ||
| 232 | - EmptyComponent({ | ||
| 233 | - emptyType: 15, emptyButton: true, retry: () => { | ||
| 234 | - this.getContentDetail(this.contentId, this.relId, this.relType) | ||
| 235 | - } | ||
| 236 | - }) | ||
| 237 | - .id('e_empty_content') | ||
| 238 | - .alignRules({ | ||
| 239 | - center: { anchor: "__container__", align: VerticalAlign.Center }, | ||
| 240 | - middle: { anchor: "__container__", align: HorizontalAlign.Center } | 233 | + Stack({ alignContent: Alignment.Center }) { |
| 234 | + if (this.netStatus !== undefined || this.isOffLine) { | ||
| 235 | + EmptyComponent({ | ||
| 236 | + emptyType: 15, emptyButton: true, retry: () => { | ||
| 237 | + this.getContentDetail(this.contentId, this.relId, this.relType) | ||
| 238 | + } | ||
| 241 | }) | 239 | }) |
| 242 | - .backgroundColor(Color.Black) | ||
| 243 | - } else { | ||
| 244 | - Column() { | 240 | + .id('e_empty_content') |
| 241 | + .alignRules({ | ||
| 242 | + center: { anchor: "__container__", align: VerticalAlign.Center }, | ||
| 243 | + middle: { anchor: "__container__", align: HorizontalAlign.Center } | ||
| 244 | + }) | ||
| 245 | + .backgroundColor(Color.Black) | ||
| 246 | + } else { | ||
| 245 | Swiper(this.swiperController) { | 247 | Swiper(this.swiperController) { |
| 246 | ForEach(this.data, (item: ContentDetailDTO, index: number) => { | 248 | ForEach(this.data, (item: ContentDetailDTO, index: number) => { |
| 247 | DetailPlayShortVideoPage({ | 249 | DetailPlayShortVideoPage({ |
| @@ -267,16 +269,34 @@ export struct DetailVideoListPage { | @@ -267,16 +269,34 @@ export struct DetailVideoListPage { | ||
| 267 | this.queryVideoList() | 269 | this.queryVideoList() |
| 268 | } | 270 | } |
| 269 | }) | 271 | }) |
| 272 | + // 作为手势动画的背景 | ||
| 273 | + Row() {} | ||
| 274 | + .justifyContent(FlexAlign.Center) | ||
| 275 | + .width('100%') | ||
| 276 | + .height('100%') | ||
| 277 | + .visibility(this.DetailVideoListGestureLoadStrategy == 0 ? Visibility.Visible : Visibility.Hidden) | ||
| 278 | + .backgroundColor('rgba(0, 0, 0, 0.50)') | ||
| 279 | + .onTouch(() => { | ||
| 280 | + this.DetailVideoListGestureLoadStrategy = 1 | ||
| 281 | + }) | ||
| 282 | + // 手势动画 初次进入显示 | ||
| 283 | + LottieView({ | ||
| 284 | + name: 'slider_up_view_more', | ||
| 285 | + path: "lottie/slider_up_view_more.json", | ||
| 286 | + lottieWidth: 167, | ||
| 287 | + lottieHeight: 167, | ||
| 288 | + autoplay: true, | ||
| 289 | + loop: true | ||
| 290 | + }) | ||
| 291 | + .visibility(this.DetailVideoListGestureLoadStrategy == 0 ? Visibility.Visible : Visibility.Hidden) | ||
| 292 | + .onTouch(() => { | ||
| 293 | + this.DetailVideoListGestureLoadStrategy = 1 | ||
| 294 | + }) | ||
| 270 | } | 295 | } |
| 271 | - .width('100%') | ||
| 272 | - .height('100%') | ||
| 273 | - .backgroundColor(Color.Black) | ||
| 274 | - .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) | ||
| 275 | - | ||
| 276 | - // .padding({ | ||
| 277 | - // bottom: this.bottomSafeHeight + 'px' | ||
| 278 | - // }) | ||
| 279 | } | 296 | } |
| 297 | + .width('100%') | ||
| 298 | + .height('100%') | ||
| 299 | + .backgroundColor(Color.Black) | ||
| 280 | 300 | ||
| 281 | } | 301 | } |
| 282 | } | 302 | } |
| @@ -158,11 +158,11 @@ struct OneKeyLoginPage { | @@ -158,11 +158,11 @@ struct OneKeyLoginPage { | ||
| 158 | Stack(){ | 158 | Stack(){ |
| 159 | Button() { | 159 | Button() { |
| 160 | Row() { | 160 | Row() { |
| 161 | - Image($r("app.media.huawei_one_key_login_icon")) | ||
| 162 | - .width(24).height(24) | 161 | + // Image($r("app.media.huawei_one_key_login_icon")) |
| 162 | + // .width(24).height(24) | ||
| 163 | Text("华为账号一键登录") | 163 | Text("华为账号一键登录") |
| 164 | .fontColor(Color.White) | 164 | .fontColor(Color.White) |
| 165 | - .margin({left:5}) | 165 | + // .margin({left:5}) |
| 166 | } | 166 | } |
| 167 | } | 167 | } |
| 168 | .width('100%') | 168 | .width('100%') |
-
Please register or login to post a comment