Showing
57 changed files
with
3119 additions
and
2497 deletions
| @@ -31,9 +31,13 @@ export struct WdWebLocalComponent { | @@ -31,9 +31,13 @@ export struct WdWebLocalComponent { | ||
| 31 | .visibility(this.backVisibility ? Visibility.Visible : Visibility.None) | 31 | .visibility(this.backVisibility ? Visibility.Visible : Visibility.None) |
| 32 | 32 | ||
| 33 | Web({ src: this.webResource, controller: this.webviewControl }) | 33 | Web({ src: this.webResource, controller: this.webviewControl }) |
| 34 | + .layoutMode(WebLayoutMode.FIT_CONTENT) | ||
| 34 | .domStorageAccess(true) | 35 | .domStorageAccess(true) |
| 35 | .databaseAccess(true) | 36 | .databaseAccess(true) |
| 36 | .javaScriptAccess(true) | 37 | .javaScriptAccess(true) |
| 38 | + // .imageAccess(true) | ||
| 39 | + // .onlineImageAccess(true) | ||
| 40 | + // .fileAccess(true) | ||
| 37 | .onPageBegin((event) => { | 41 | .onPageBegin((event) => { |
| 38 | 42 | ||
| 39 | // setDefaultNativeWebSettings(this.webviewControl, this.webResource).then(()=>{ | 43 | // setDefaultNativeWebSettings(this.webviewControl, this.webResource).then(()=>{ |
| @@ -10,7 +10,7 @@ export interface ResponseBean{ | @@ -10,7 +10,7 @@ export interface ResponseBean{ | ||
| 10 | message: string; | 10 | message: string; |
| 11 | 11 | ||
| 12 | // 响应结果 | 12 | // 响应结果 |
| 13 | - data:ContentDetailDTO; | 13 | + data:ContentDetailDTO[]; |
| 14 | 14 | ||
| 15 | // 请求响应时间戳（unix格式） | 15 | // 请求响应时间戳（unix格式） |
| 16 | timestamp?: number; | 16 | timestamp?: number; |
| @@ -33,156 +33,139 @@ export interface OperationItem { | @@ -33,156 +33,139 @@ export interface OperationItem { | ||
| 33 | export struct ImageAndTextPageComponent { | 33 | export struct ImageAndTextPageComponent { |
| 34 | scroller: Scroller = new Scroller(); | 34 | scroller: Scroller = new Scroller(); |
| 35 | action: Action = {} as Action | 35 | action: Action = {} as Action |
| 36 | - @State contentDetailData: ContentDetailDTO = {} as ContentDetailDTO | 36 | + @State contentDetailData: ContentDetailDTO [] = [] as ContentDetailDTO [] |
| 37 | @State recommendList: ContentDTO[] = [] | 37 | @State recommendList: ContentDTO[] = [] |
| 38 | @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态 | 38 | @State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态 |
| 39 | @State interactData: InteractDataDTO = {} as InteractDataDTO | 39 | @State interactData: InteractDataDTO = {} as InteractDataDTO |
| 40 | - @State operationList: OperationItem[] = [ | ||
| 41 | - { | ||
| 42 | - icon: $r('app.media.ic_comment'), | ||
| 43 | - text: "评论", | ||
| 44 | - }, | ||
| 45 | - { | ||
| 46 | - icon: $r('app.media.ic_like_uncheck'), | ||
| 47 | - icon_check: $r('app.media.ic_like_check'), | ||
| 48 | - text: "点赞", | ||
| 49 | - }, | ||
| 50 | - { | ||
| 51 | - icon: $r('app.media.ic_collect_uncheck'), | ||
| 52 | - icon_check: $r('app.media.ic_collect_check'), | ||
| 53 | - text: "收藏", | ||
| 54 | - }, | ||
| 55 | - { | ||
| 56 | - icon: $r('app.media.ic_share'), | ||
| 57 | - text: "分享" | ||
| 58 | - } | ||
| 59 | - ] | ||
| 60 | 40 | ||
| 61 | build() { | 41 | build() { |
| 62 | Column() { | 42 | Column() { |
| 63 | - Column() { | ||
| 64 | - // 发布时间 | ||
| 65 | - // Row() { | ||
| 66 | - // Image($r('app.media.icon_ren_min_ri_bao')) | ||
| 67 | - // .width(70) | ||
| 68 | - // .height(28) | ||
| 69 | - // Text(this.contentDetailData.publishTime) | ||
| 70 | - // .fontColor($r('app.color.color_B0B0B0')) | ||
| 71 | - // .fontSize($r('app.float.font_size_13')) | ||
| 72 | - // .height('100%') | ||
| 73 | - // .align(Alignment.End) | ||
| 74 | - // } | ||
| 75 | - // .width(CommonConstants.FULL_WIDTH) | ||
| 76 | - // .height(32) | ||
| 77 | - // .padding({ left: 15, right: 15, }) | ||
| 78 | - // .justifyContent(FlexAlign.SpaceBetween) | ||
| 79 | - // .backgroundColor(Color.White) | ||
| 80 | - // Row() { | ||
| 81 | - // Image($r('app.media.line')) | ||
| 82 | - // .width('100%') | ||
| 83 | - // .height(6) | ||
| 84 | - // .objectFit(ImageFit.Cover) | ||
| 85 | - // .margin({ top: 10 }) | ||
| 86 | - // } | ||
| 87 | - // .padding({ left: 15, right: 15, }) | ||
| 88 | - // .backgroundColor(Color.White) | 43 | + // 发布时间 |
| 44 | + Row() { | ||
| 45 | + Image($r('app.media.icon_ren_min_ri_bao')) | ||
| 46 | + .width(70) | ||
| 47 | + .height(28) | ||
| 48 | + Text(this.contentDetailData[0]?.publishTime) | ||
| 49 | + .fontColor($r('app.color.color_B0B0B0')) | ||
| 50 | + .fontSize($r('app.float.font_size_13')) | ||
| 51 | + .height('100%') | ||
| 52 | + .align(Alignment.End) | ||
| 53 | + } | ||
| 54 | + .width(CommonConstants.FULL_WIDTH) | ||
| 55 | + .height(32) | ||
| 56 | + .padding({ left: 15, right: 15, }) | ||
| 57 | + .justifyContent(FlexAlign.SpaceBetween) | ||
| 58 | + .backgroundColor(Color.White) | ||
| 89 | 59 | ||
| 60 | + Row() { | ||
| 61 | + Image($r('app.media.line')) | ||
| 62 | + .width('100%') | ||
| 63 | + .height(6) | ||
| 64 | + .objectFit(ImageFit.Cover) | ||
| 65 | + .margin({ top: 10 }) | ||
| 66 | + } | ||
| 67 | + .padding({ left: 15, right: 15, }) | ||
| 68 | + .backgroundColor(Color.White) | ||
| 90 | 69 | ||
| 91 | - Stack({ alignContent: Alignment.Bottom }) { | ||
| 92 | - List() { | ||
| 93 | - //详情展示区 | 70 | + Stack({ alignContent: Alignment.Bottom }) { |
| 71 | + List() { | ||
| 72 | + //详情展示区 | ||
| 73 | + ListItem() { | ||
| 74 | + Column() { | ||
| 75 | + ImageAndTextWebComponent({ | ||
| 76 | + contentDetailData: this.contentDetailData, | ||
| 77 | + action: this.action, | ||
| 78 | + }) | ||
| 79 | + }.width(CommonConstants.FULL_WIDTH) | ||
| 80 | + .height(CommonConstants.FULL_HEIGHT) | ||
| 81 | + } | ||
| 82 | + | ||
| 83 | + if (this.contentDetailData[0]?.openLikes === 1) { | ||
| 94 | ListItem() { | 84 | ListItem() { |
| 95 | - Column() { | ||
| 96 | - ImageAndTextWebComponent({ contentDetailData: this.contentDetailData, action: this.action }) | ||
| 97 | - }.width(CommonConstants.FULL_WIDTH) | ||
| 98 | - .height(CommonConstants.FULL_HEIGHT) | ||
| 99 | - } | ||
| 100 | - .backgroundColor(Color.White) | 85 | + // 点赞 |
| 86 | + Row() { | ||
| 87 | + Row() { | ||
| 88 | + if (this.newsStatusOfUser?.likeStatus === '1') { | ||
| 89 | + Image(this.contentDetailData[0]?.likesStyle === 1 ? $r('app.media.ic_like_check') : (this.contentDetailData[0]?.likesStyle === 2 ? $r('app.media.icon_prayer_active') : $r('app.media.icon_candle_active'))) | ||
| 90 | + .width(24) | ||
| 91 | + .height(24) | ||
| 92 | + .margin({ right: 5 }) | ||
| 93 | + } else { | ||
| 94 | + Image(this.contentDetailData[0]?.likesStyle === 1 ? $r('app.media.icon_like') : (this.contentDetailData[0]?.likesStyle === 2 ? $r('app.media.icon_prayer') : $r('app.media.icon_candle'))) | ||
| 95 | + .width(24) | ||
| 96 | + .height(24) | ||
| 97 | + .margin({ right: 5 }) | ||
| 98 | + } | ||
| 99 | + Text(`${this.interactData?.likeNum || 0}`) | ||
| 100 | + .fontSize(16) | ||
| 101 | + .fontColor(this.newsStatusOfUser?.likeStatus === '1' ? '#ED2800' : '#999999') | ||
| 102 | + .fontWeight(500) | ||
| 103 | + }.alignItems(VerticalAlign.Center) | ||
| 104 | + .onClick(() => { | ||
| 105 | + this.toggleLikeStatus() | ||
| 106 | + }) | ||
| 101 | 107 | ||
| 102 | - // if (this.contentDetailData.openLikes === 1) { | ||
| 103 | - // ListItem() { | ||
| 104 | - // // 点赞 | ||
| 105 | - // Row() { | ||
| 106 | - // Row() { | ||
| 107 | - // if (this.newsStatusOfUser?.likeStatus === '1') { | ||
| 108 | - // Image(this.contentDetailData.likesStyle === 1 ? $r('app.media.ic_like_check') : (this.contentDetailData.likesStyle === 2 ? $r('app.media.icon_prayer_active') : $r('app.media.icon_candle_active'))) | ||
| 109 | - // .width(24) | ||
| 110 | - // .height(24) | ||
| 111 | - // .margin({ right: 5 }) | ||
| 112 | - // } else { | ||
| 113 | - // Image(this.contentDetailData.likesStyle === 1 ? $r('app.media.icon_like') : (this.contentDetailData.likesStyle === 2 ? $r('app.media.icon_prayer') : $r('app.media.icon_candle'))) | ||
| 114 | - // .width(24) | ||
| 115 | - // .height(24) | ||
| 116 | - // .margin({ right: 5 }) | ||
| 117 | - // } | ||
| 118 | - // Text(`${this.interactData?.likeNum || 0}`) | ||
| 119 | - // .fontSize(16) | ||
| 120 | - // .fontColor(this.newsStatusOfUser?.likeStatus === '1' ? '#ED2800' : '#999999') | ||
| 121 | - // .fontWeight(500) | ||
| 122 | - // }.alignItems(VerticalAlign.Center) | ||
| 123 | - // .onClick(() => { | ||
| 124 | - // this.toggleLikeStatus() | ||
| 125 | - // }) | ||
| 126 | - // | ||
| 127 | - // }.width(CommonConstants.FULL_WIDTH).height(80) | ||
| 128 | - // .justifyContent(FlexAlign.Center) | ||
| 129 | - // } | ||
| 130 | - // .backgroundColor(Color.White) | ||
| 131 | - // .margin({ bottom: 5 }) | ||
| 132 | - // } | 108 | + }.width(CommonConstants.FULL_WIDTH).height(80) |
| 109 | + .justifyContent(FlexAlign.Center) | ||
| 110 | + } | ||
| 111 | + .border({ | ||
| 112 | + width: { bottom: 5 }, | ||
| 113 | + color: '#f5f5f5', | ||
| 114 | + }) | ||
| 115 | + } | ||
| 133 | 116 | ||
| 134 | - //相关推荐区 | ||
| 135 | - // ListItem() { | ||
| 136 | - // RecommendList({ recommendList: this.recommendList }) | ||
| 137 | - // } | ||
| 138 | - // .backgroundColor(Color.White) | 117 | + // 相关推荐区 |
| 118 | + ListItem() { | ||
| 119 | + RecommendList({ recommendList: this.recommendList }) | ||
| 139 | } | 120 | } |
| 140 | - .width(CommonConstants.FULL_WIDTH) | ||
| 141 | - .height(CommonConstants.FULL_HEIGHT) | ||
| 142 | - .padding({ bottom: 56 }) | ||
| 143 | - .scrollBar(BarState.Off) | ||
| 144 | - .edgeEffect(EdgeEffect.None) | 121 | + } |
| 122 | + .width(CommonConstants.FULL_WIDTH) | ||
| 123 | + .height(CommonConstants.FULL_HEIGHT) | ||
| 124 | + .padding({ bottom: 56 }) | ||
| 125 | + .scrollBar(BarState.Off) | ||
| 126 | + .edgeEffect(EdgeEffect.None) | ||
| 127 | + | ||
| 128 | + //底部交互区 | ||
| 129 | + Row() { | ||
| 130 | + Image($r('app.media.icon_arrow_left')) | ||
| 131 | + .width(24) | ||
| 132 | + .height(24) | ||
| 133 | + .onClick((event: ClickEvent) => { | ||
| 134 | + router.back() | ||
| 135 | + }) | ||
| 145 | 136 | ||
| 146 | - //底部交互区 | ||
| 147 | Row() { | 137 | Row() { |
| 148 | - Image($r('app.media.icon_arrow_left')) | 138 | + Image($r('app.media.icon_comment')) |
| 149 | .width(24) | 139 | .width(24) |
| 150 | .height(24) | 140 | .height(24) |
| 151 | - .onClick((event: ClickEvent) => { | ||
| 152 | - router.back() | ||
| 153 | - }) | ||
| 154 | - | ||
| 155 | - Row() { | ||
| 156 | - Image($r('app.media.icon_comment')) | ||
| 157 | - .width(24) | ||
| 158 | - .height(24) | ||
| 159 | - .margin({ right: 24 }) | ||
| 160 | - .id('comment') | 141 | + .margin({ right: 24 }) |
| 142 | + .id('comment') | ||
| 161 | 143 | ||
| 162 | - Image($r('app.media.icon_star')) | ||
| 163 | - .width(24) | ||
| 164 | - .height(24) | ||
| 165 | - .margin({ right: 24 }) | 144 | + Image($r('app.media.icon_star')) |
| 145 | + .width(24) | ||
| 146 | + .height(24) | ||
| 147 | + .margin({ right: 24 }) | ||
| 166 | 148 | ||
| 167 | - Image($r('app.media.icon_listen')) | ||
| 168 | - .width(24) | ||
| 169 | - .height(24) | ||
| 170 | - .margin({ right: 24 }) | 149 | + Image($r('app.media.icon_listen')) |
| 150 | + .width(24) | ||
| 151 | + .height(24) | ||
| 152 | + .margin({ right: 24 }) | ||
| 171 | 153 | ||
| 172 | - Image($r('app.media.icon_forward')) | ||
| 173 | - .width(24) | ||
| 174 | - .height(24) | 154 | + Image($r('app.media.icon_forward')) |
| 155 | + .width(24) | ||
| 156 | + .height(24) | ||
| 175 | 157 | ||
| 176 | - } | ||
| 177 | } | 158 | } |
| 178 | - .width(CommonConstants.FULL_WIDTH) | ||
| 179 | - .height(56) | ||
| 180 | - .backgroundColor(Color.White) | ||
| 181 | - .padding({ left: 15, right: 15, }) | ||
| 182 | - .justifyContent(FlexAlign.SpaceBetween) | ||
| 183 | } | 159 | } |
| 184 | - }.backgroundColor("#f5f5f5") | 160 | + .width(CommonConstants.FULL_WIDTH) |
| 161 | + .height(56) | ||
| 162 | + .padding({ left: 15, right: 15, bottom: 50, top: 20 }) | ||
| 163 | + .justifyContent(FlexAlign.SpaceBetween) | ||
| 164 | + .backgroundColor(Color.White) | ||
| 165 | + } | ||
| 185 | }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT) | 166 | }.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT) |
| 167 | + .backgroundColor(Color.White) | ||
| 168 | + | ||
| 186 | } | 169 | } |
| 187 | 170 | ||
| 188 | private async getDetail() { | 171 | private async getDetail() { |
| @@ -204,28 +187,28 @@ export struct ImageAndTextPageComponent { | @@ -204,28 +187,28 @@ export struct ImageAndTextPageComponent { | ||
| 204 | } | 187 | } |
| 205 | let detailBeans = await DetailViewModel.getDetailPageData(relId, contentId, relType) | 188 | let detailBeans = await DetailViewModel.getDetailPageData(relId, contentId, relType) |
| 206 | if (detailBeans && detailBeans.length > 0) { | 189 | if (detailBeans && detailBeans.length > 0) { |
| 207 | - this.contentDetailData = detailBeans[0]; | ||
| 208 | - //TODO | ||
| 209 | - // if (this.contentDetailData.recommendShow === 1) { | ||
| 210 | - // this.getRecommend() | ||
| 211 | - // } | ||
| 212 | - // if (this.contentDetailData.openLikes === 1) { | ||
| 213 | - // this.getInteractDataStatus() | ||
| 214 | - // this.queryContentInteractCount() | ||
| 215 | - // } | 190 | + this.contentDetailData = detailBeans; |
| 191 | + if (this.contentDetailData[0]?.recommendShow === 1) { | ||
| 192 | + this.getRecommend() | ||
| 193 | + } | ||
| 194 | + if (this.contentDetailData[0]?.openLikes === 1) { | ||
| 195 | + this.getInteractDataStatus() | ||
| 196 | + this.queryContentInteractCount() | ||
| 197 | + } | ||
| 216 | } | 198 | } |
| 217 | } | 199 | } |
| 218 | } | 200 | } |
| 219 | 201 | ||
| 202 | + | ||
| 220 | private async getRecommend() { | 203 | private async getRecommend() { |
| 221 | let params: postRecommendListParams = { | 204 | let params: postRecommendListParams = { |
| 222 | imei: "8272c108-4fa2-34ce-80b9-bc425a7c2a7e", | 205 | imei: "8272c108-4fa2-34ce-80b9-bc425a7c2a7e", |
| 223 | userId: HttpUrlUtils.getUserId(), | 206 | userId: HttpUrlUtils.getUserId(), |
| 224 | - contentId: String(this.contentDetailData.newsId), | 207 | + contentId: String(this.contentDetailData[0]?.newsId), |
| 225 | recType: 1, | 208 | recType: 1, |
| 226 | - contentType: this.contentDetailData.newsType, | ||
| 227 | - relId: this.contentDetailData?.reLInfo?.relId, | ||
| 228 | - channelId: String(this.contentDetailData?.reLInfo?.channelId) | 209 | + contentType: this.contentDetailData[0]?.newsType, |
| 210 | + relId: this.contentDetailData[0]?.reLInfo?.relId, | ||
| 211 | + channelId: String(this.contentDetailData[0]?.reLInfo?.channelId) | ||
| 229 | } | 212 | } |
| 230 | let recommendList = await DetailViewModel.postRecommendList(params) | 213 | let recommendList = await DetailViewModel.postRecommendList(params) |
| 231 | if (recommendList && recommendList.length > 0) { | 214 | if (recommendList && recommendList.length > 0) { |
| @@ -239,8 +222,8 @@ export struct ImageAndTextPageComponent { | @@ -239,8 +222,8 @@ export struct ImageAndTextPageComponent { | ||
| 239 | const params: batchLikeAndCollectParams = { | 222 | const params: batchLikeAndCollectParams = { |
| 240 | contentList: [ | 223 | contentList: [ |
| 241 | { | 224 | { |
| 242 | - contentId: this.contentDetailData?.newsId + '', | ||
| 243 | - contentType: this.contentDetailData?.newsType + '', | 225 | + contentId: this.contentDetailData[0]?.newsId + '', |
| 226 | + contentType: this.contentDetailData[0]?.newsType + '', | ||
| 244 | } | 227 | } |
| 245 | ] | 228 | ] |
| 246 | } | 229 | } |
| @@ -265,8 +248,8 @@ export struct ImageAndTextPageComponent { | @@ -265,8 +248,8 @@ export struct ImageAndTextPageComponent { | ||
| 265 | } | 248 | } |
| 266 | const params: postExecuteLikeParams = { | 249 | const params: postExecuteLikeParams = { |
| 267 | status: this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1', | 250 | status: this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1', |
| 268 | - contentId: this.contentDetailData?.newsId + '', | ||
| 269 | - contentType: this.contentDetailData?.newsType + '', | 251 | + contentId: this.contentDetailData[0]?.newsId + '', |
| 252 | + contentType: this.contentDetailData[0]?.newsType + '', | ||
| 270 | } | 253 | } |
| 271 | PageRepository.postExecuteLike(params).then(res => { | 254 | PageRepository.postExecuteLike(params).then(res => { |
| 272 | console.log(TAG, '点赞、取消点赞', 'toggleLikeStatus==',) | 255 | console.log(TAG, '点赞、取消点赞', 'toggleLikeStatus==',) |
| @@ -285,8 +268,8 @@ export struct ImageAndTextPageComponent { | @@ -285,8 +268,8 @@ export struct ImageAndTextPageComponent { | ||
| 285 | console.error(TAG, 'contentDetailData2222', JSON.stringify(this.contentDetailData)) | 268 | console.error(TAG, 'contentDetailData2222', JSON.stringify(this.contentDetailData)) |
| 286 | const params: contentListParams = { | 269 | const params: contentListParams = { |
| 287 | contentList: [{ | 270 | contentList: [{ |
| 288 | - contentId: this.contentDetailData?.newsId + '', | ||
| 289 | - contentType: this.contentDetailData?.newsType, | 271 | + contentId: this.contentDetailData[0]?.newsId + '', |
| 272 | + contentType: this.contentDetailData[0]?.newsType, | ||
| 290 | }] | 273 | }] |
| 291 | } | 274 | } |
| 292 | PageRepository.getContentInteract(params).then(res => { | 275 | PageRepository.getContentInteract(params).then(res => { |
| @@ -9,13 +9,13 @@ import { | @@ -9,13 +9,13 @@ import { | ||
| 9 | import { Logger } from 'wdKit'; | 9 | import { Logger } from 'wdKit'; |
| 10 | import { WdWebComponent, WdWebLocalComponent } from 'wdWebComponent'; | 10 | import { WdWebComponent, WdWebLocalComponent } from 'wdWebComponent'; |
| 11 | import { NativeCallH5Type } from 'wdWebComponent/src/main/ets/pages/NativeCallH5Type'; | 11 | import { NativeCallH5Type } from 'wdWebComponent/src/main/ets/pages/NativeCallH5Type'; |
| 12 | -import { BridgeWebViewControl } from '../../../../../../commons/wdWebComponent/oh_modules/wdJsBridge/Index'; | 12 | +import { BridgeWebViewControl } from 'wdJsBridge/Index'; |
| 13 | 13 | ||
| 14 | @Component | 14 | @Component |
| 15 | export struct ImageAndTextWebComponent { | 15 | export struct ImageAndTextWebComponent { |
| 16 | action: Action = {} as Action | 16 | action: Action = {} as Action |
| 17 | @State reload: number = 0; | 17 | @State reload: number = 0; |
| 18 | - @Prop @Watch('onDetailDataUpdated') contentDetailData: ContentDetailDTO = {} as ContentDetailDTO | 18 | + @Prop @Watch('onDetailDataUpdated') contentDetailData: ContentDetailDTO [] = [] as ContentDetailDTO [] |
| 19 | webviewControl: BridgeWebViewControl = new BridgeWebViewControl() | 19 | webviewControl: BridgeWebViewControl = new BridgeWebViewControl() |
| 20 | 20 | ||
| 21 | onDetailDataUpdated() { | 21 | onDetailDataUpdated() { |
| @@ -72,7 +72,7 @@ export struct ImageAndTextWebComponent { | @@ -72,7 +72,7 @@ export struct ImageAndTextWebComponent { | ||
| 72 | // TODO 暂延时1s，考虑业务流程再优化 | 72 | // TODO 暂延时1s，考虑业务流程再优化 |
| 73 | setTimeout(() => { | 73 | setTimeout(() => { |
| 74 | this.sendContentData2H5(h5ReceiveAppData); | 74 | this.sendContentData2H5(h5ReceiveAppData); |
| 75 | - }, 1000) | 75 | + }, 2000) |
| 76 | 76 | ||
| 77 | } | 77 | } |
| 78 | 78 | ||
| @@ -85,6 +85,11 @@ export struct ImageAndTextWebComponent { | @@ -85,6 +85,11 @@ export struct ImageAndTextWebComponent { | ||
| 85 | webResource: $rawfile('apph5/index.html'), | 85 | webResource: $rawfile('apph5/index.html'), |
| 86 | backVisibility: false, | 86 | backVisibility: false, |
| 87 | }) | 87 | }) |
| 88 | + // WdWebLocalComponent({ | ||
| 89 | + // webviewControl: this.webviewControl, | ||
| 90 | + // webResource: "http://pd-people-uat.pdnews.cn/articletopic/35398-10000015965", | ||
| 91 | + // backVisibility: false, | ||
| 92 | + // }) | ||
| 88 | } | 93 | } |
| 89 | } | 94 | } |
| 90 | 95 |
| 1 | import { ContentDTO } from 'wdBean'; | 1 | import { ContentDTO } from 'wdBean'; |
| 2 | import { CommonConstants } from 'wdConstant'; | 2 | import { CommonConstants } from 'wdConstant'; |
| 3 | -import { Card3Component } from '../cardview/Card3Component' | ||
| 4 | -import { Card6Component } from '../cardview/Card6Component' | 3 | +import { CardParser } from '../CardParser'; |
| 5 | 4 | ||
| 6 | const RECOMMEND_LIST_TITLE = '相关推荐' | 5 | const RECOMMEND_LIST_TITLE = '相关推荐' |
| 7 | 6 | ||
| @@ -28,12 +27,13 @@ export struct RecommendList { | @@ -28,12 +27,13 @@ export struct RecommendList { | ||
| 28 | .width(CommonConstants.FULL_PARENT) | 27 | .width(CommonConstants.FULL_PARENT) |
| 29 | .justifyContent(FlexAlign.Start) | 28 | .justifyContent(FlexAlign.Start) |
| 30 | } | 29 | } |
| 31 | - ForEach(this.recommendList, (item: ContentDTO, index: number) => { | ||
| 32 | - if (item.coverUrl) { | ||
| 33 | - Card6Component({ contentDTO: item }) | ||
| 34 | - } else { | ||
| 35 | - Card3Component({ contentDTO: item }) | ||
| 36 | - } | 30 | + ForEach(this.recommendList, (item: ContentDTO) => { |
| 31 | + Row(){ | ||
| 32 | + CardParser({ contentDTO: item }); | ||
| 33 | + }.border({ | ||
| 34 | + width:{bottom: 1}, | ||
| 35 | + color: '#f5f5f5' | ||
| 36 | + }) | ||
| 37 | }, (item: ContentDTO) => JSON.stringify(item)) | 37 | }, (item: ContentDTO) => JSON.stringify(item)) |
| 38 | }.width('100%') | 38 | }.width('100%') |
| 39 | } | 39 | } |
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/css/aliPlayer.min.css
deleted
100644 → 0
| 1 | -.prism-player .prism-big-play-btn{background:url(./img/bigplay.png) no-repeat;background-size:contain;width:64px;height:64px}.prism-player .prism-big-play-btn .outter{border:7px solid rgba(255,255,255,.51);width:64px;height:64px;border-radius:100%;position:absolute;box-sizing:border-box;top:0;left:0}.prism-player .prism-big-play-btn:hover{cursor:pointer}.prism-player .prism-play-btn{width:24px;height:24px;background:url(./img/smallplay.png) no-repeat;background-size:contain}.prism-player .prism-play-btn:hover{cursor:pointer}.prism-player .prism-live-display{font-size:12px;color:#ebecec;line-height:44px;text-align:center;margin:0}.prism-player .live-shift-display:hover{cursor:pointer;font-size:14px}.prism-player .prism-play-btn.playing{background:url(./img/smallpause.png) no-repeat;background-size:contain}.prism-player .prism-play-btn.playing:hover{cursor:pointer}.prism-player .prism-fullscreen-btn{width:24px;height:24px;background:url(./img/fullscreen.png) no-repeat;background-size:contain}.prism-player .prism-fullscreen-btn:hover{cursor:pointer}.prism-player .prism-fullscreen-btn.fullscreen{background:url(./img/smallscreen.png) no-repeat;background-size:contain}.prism-player .prism-fullscreen-btn.fullscreen:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1;cursor:pointer}.prism-player .prism-volume{position:relative}.prism-player .prism-volume .volume-icon{width:28px;height:28px;background:url(./img/volume.png);background-size:contain}.prism-player .prism-volume .volume-icon .long-horizontal{width:3px;background:#ebecec;height:18px;position:absolute;right:5px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.prism-player .prism-volume .volume-icon .short-horizontal{width:3px;background:#ebecec;height:8px;position:absolute;right:10px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.prism-player .prism-volume .volume-icon:hover{-ms-transform-origin:0 50%;transform-origin:0 50%;background-size:contain;cursor:pointer}.prism-player .prism-volume .mute .long-horizontal{-ms-transform:rotate(-45deg);transform:rotate(-45deg);height:12px;top:10px;left:22px}.prism-player .prism-volume .mute .short-horizontal{-ms-transform:rotate(45deg);transform:rotate(45deg);height:12px;top:10px;left:22px}.prism-player .prism-volume-control{position:absolute;bottom:44px;display:none;background:rgba(60,60,60,.95);box-shadow:0 0 6px 0 rgba(0,0,0,.1);width:32px;height:130px;z-index:10000}.prism-player .prism-volume-control .volume-control-icon{width:32px;height:32px;background:url(./img/unmutevolume.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon:hover{cursor:pointer;background:url(./img/volumehover.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon.mute{background:url(./img/volumemute.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon.mute:hover{background:url(./img/volumemutehover.png) no-repeat;background-size:contain;cursor:pointer}.prism-player .prism-volume-control:hover{cursor:pointer}.prism-player .prism-volume-control .volume-control-icon{position:absolute;bottom:6px;left:8px;width:26px;height:26px}.prism-player .prism-volume-control .volume-range{position:absolute;left:14px;bottom:10px;border-radius:1px;background:#6c6262;box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.06);width:4px;height:100px}.prism-player .prism-volume-control .volume-value{width:100%;height:0%;background:#30adf2;position:absolute;border-radius:1px;bottom:0}.prism-player .prism-volume-control .volume-cursor{position:absolute;bottom:0;background:#fff;width:15px;height:15px;border-radius:15px;left:-6px}.prism-player .prism-volume-control .volume-cursor:hover{background:#00c1de}.prism-player .prism-animation{width:64px;height:64px;border-radius:64px;opacity:0;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.prism-player .prism-play-animation{background:url(./img/playanimation.png) no-repeat;background-size:contain}.prism-player .prism-pause-animation{background:url(./img/pauseanimation.png) no-repeat;background-size:contain}.prism-player .play-apply-animation{animation:prismplayanimation 1s 1;-moz-animation:prismplayanimation 1s 1;-webkit-animation:prismplayanimation 1s 1;-o-animation:prismplayanimation 1s 1;animation-fill-mode:both}@keyframes prismplayanimation{0%{width:32px;height:32px;border-radius:32px;opacity:0}50%{width:32px;height:32px;border-radius:32px;opacity:1}99%{width:76px;height:76px;border-radius:76px;opacity:0}100%{width:0;height:0}}@keyframes spinoffPulse{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@keyframes hoverAnimationRotate{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}50%{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}}@keyframes hoverAnimationScale{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}}@keyframes hoverAnimationScaleX{0%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1)}50%{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);-moz-transform:scaleX(1.2)}100%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1)}}@keyframes hoverVolumeAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.volume-hover-animation{animation:hoverVolumeAnimation .3s 1;-moz-animation:hoverVolumeAnimation .3s 1;-webkit-animation:hoverVolumeAnimation .3s 1;-o-animation:hoverVolumeAnimation .3s 1}@keyframes hoverPlayButtonAnimation{0%{width:63px;height:63px;border:7px solid #fff}60%{width:90px;height:90px;border:7px solid rgba(255,255,255,.51)}100%{width:97px;height:97px;border:14px solid rgba(255,255,255,0)}}@keyframes warn{0%{transform:scale(1);opacity:0}25%{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.3}75%{transform:scale(1.5);opacity:.5}100%{transform:scale(2);opacity:0}}.big-playbtn-hover-animation{animation:warn 1s ease-out;-moz-animation:warn 1s ease-out;-webkit-animation:warn 1s ease-out;-o-animation:warn 1s ease-out}.big-playbtn-hover-animation1{animation:hoverPlayButtonAnimation 1s 1;-moz-animation:hoverPlayButtonAnimation 1s 1;-webkit-animation:hoverPlayButtonAnimation 1s 1;-o-animation:hoverPlayButtonAnimation 1s 1}.prism-player{background-color:#000;position:relative}.prism-player a{text-decoration:none}.prism-player video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform-origin:center;-moz-transform-origin:center;-webkit-transform-origin:center;-o-transform-origin:center}.prism-player .x5-full-screen{object-fit:fill;object-position:50% 50%}.prism-player .x5-top-left{object-fit:contain;object-position:0 0}.prism-player .prism-cover{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;left:0;z-index:11}.prism-player .prism-text-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;pointer-events:none}.prism-player .prism-ErrorMessage{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;z-index:99;top:0;left:0;overflow:hidden;display:none}.prism-player .prism-ErrorMessage .prism-error-content{margin-top:20px;padding:0 5px}.prism-player .prism-ErrorMessage .prism-error-content p{text-align:center;font-size:12px;color:#fff}.prism-player .prism-ErrorMessage .prism-error-operation{margin-top:10px;margin-bottom:10px;padding-bottom:5px;border-bottom:1.5px;border-bottom-color:rgba(255,255,255,.15);border-bottom-style:dotted;text-align:center}.prism-player .prism-ErrorMessage .prism-error-operation a{width:80px;height:32px;line-height:32px;vertical-align:top;display:inline-block;margin-left:10px}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh{color:#21c5e0;border:solid 1px #21c5e0}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover{color:#05d3f5;border-color:#05d3f5;cursor:pointer}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active{color:#026a7b;border-color:#026a7b}.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited{color:#05d3f5}.prism-player .prism-ErrorMessage .prism-detect-info{color:#fff;font-size:10px}.prism-player .prism-ErrorMessage .prism-detect-info p{padding:0 5px;word-break:break-all;margin:0 0 4px}.prism-player .prism-ErrorMessage .prism-detect-info span.info-label{display:inline-block;font-weight:700}.prism-player .prism-ErrorMessage .prism-detect-info span.info-content{color:gray}.prism-player .prism-big-play-btn{display:none;z-index:1000}.prism-player .prism-license-watermark{z-index:100;position:absolute;width:300px;height:120px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;right:20px;top:20px;border:1px solid rgba(216,216,216,.12);box-shadow:0 0 12px 0 rgba(130,130,130,.2);border-radius:2px;backdrop-filter:blur(4px);background-color:rgba(255,255,255,.12)}.prism-player .prism-license-watermark .no-authorization{font-weight:500;font-size:24px;color:rgba(255,255,255,.9);text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:0 50px}.prism-player .prism-license-watermark .apply-button{margin-top:12px;padding:5px 20px;background-color:#00bcd4;border:1px solid #26c5da;font-weight:400;font-size:14px;color:#fff;line-height:20px;cursor:pointer}.prism-player .prism-controlbar{width:100%;height:44px;position:relative;z-index:10;font-size:14px}.prism-player .prism-controlbar .prism-controlbar-bg{background:rgba(75,75,75,.15);width:100%;height:40px;position:absolute;bottom:0;left:0;z-index:-1}.prism-player .prism-time-display{height:40px;line-height:40px;color:#a4aab3;font-size:12px}.prism-player .prism-time-display .current-time{color:#fff}.prism-player .prism-live-time-display{height:44px;line-height:44px;color:#a4aab3;font-size:12px}.prism-player .prism-live-time-display span{display:inline}.prism-player .prism-live-time-display .live-text{margin-left:5px;font-size:12px;color:#ebecec}.prism-player .prism-live-time-display .current-time{color:#fff}.prism-player .prism-fullscreen-btn:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1}.prism-player .prism-liveshift-progress,.prism-player .prism-progress{bottom:40px!important;width:100%;height:4px;background:rgba(195,197,198,.5);box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.06);position:relative;cursor:pointer}.prism-player .prism-liveshift-progress .prism-progress-time,.prism-player .prism-progress .prism-progress-time{position:absolute;top:-25px;background:rgba(0,0,0,.8);box-shadow:0 0 5px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);color:#fff;font-size:14px;border-radius:7.5px;padding:0 6px 0 6px;text-align:center;white-space:nowrap}.prism-player .prism-liveshift-progress .prism-progress-loaded,.prism-player .prism-progress .prism-progress-loaded{position:absolute;top:0;left:0;width:0;height:100%;background:#c3c5c6}.prism-player .prism-liveshift-progress .prism-progress-played,.prism-player .prism-progress .prism-progress-played{position:absolute;top:0;left:0;width:0;height:100%;background-color:#00c1de}.prism-player .prism-liveshift-progress .prism-progress-cursor,.prism-player .prism-progress .prism-progress-cursor{position:absolute;border-radius:8px;top:-5px;width:16px;height:16px;overflow:hidden;box-sizing:content-box;background:url(./img/dragcursorhover.png) center;display:none}.prism-player .prism-liveshift-progress .prism-progress-cursor img,.prism-player .prism-progress .prism-progress-cursor img{width:14px;height:14px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.prism-player .prism-liveshift-progress .cursor-hover,.prism-player .prism-progress .cursor-hover{border-radius:9px;width:18px;height:18px;top:-5px!important}.prism-player .prism-liveshift-progress .cursor-hover img,.prism-player .prism-progress .cursor-hover img{width:16px;height:16px}.prism-player .prism-liveshift-progress .prism-progress-marker,.prism-player .prism-progress .prism-progress-marker{width:100%;height:100%;position:absolute}.prism-player .prism-liveshift-progress .prism-progress-marker .prism-marker-dot,.prism-player .prism-progress .prism-progress-marker .prism-marker-dot{position:absolute;background:#d9edf7;width:5px;height:100%;border-radius:20%}.prism-player .prism-progress-hover{cursor:pointer;height:6px;transition:height .1s}.prism-player .prism-progress-hover .prism-marker-dot{width:10px;height:80%;top:8%;border-radius:30%}.prism-player .prism-progress-hover .prism-progress-cursor{top:-4px}.prism-player .prism-liveshift-progress{background:0 0}.prism-player .prism-liveshift-progress .prism-enable-liveshift{cursor:pointer;position:absolute;background:#fff;height:4px}.prism-player .prism-liveshift-progress .prism-enable-liveshift:hover{height:6px;transition:height .1s}.prism-player .prism-liveshift-progress .prism-liveshift-seperator{height:15px;position:absolute;right:0;top:-8px;color:#fff;margin-right:5px;margin-left:5px;right:-65px}.prism-player .prism-marker-text{padding:5px;background:rgba(0,0,0,.8);position:absolute;max-width:180px;max-height:100px;bottom:50px;color:#fff;border-radius:3px;z-index:9999;display:none;overflow:auto}.prism-player .prism-marker-text p{text-align:center;word-break:break-all;margin:0;font-size:12px}.prism-player .prism-loading{width:55px;height:55px;z-index:10}.prism-player .prism-loading .circle-androidFirefox{background-color:rgba(0,0,0,0);border:5px solid;border-color:rgba(0,193,222,.2) rgba(0,193,222,.5) rgba(0,193,222,.7) rgba(0,193,222,.1);opacity:.9;border-radius:50px;width:45px;height:45px;margin:0 auto}.prism-player .prism-loading .circle{background-color:rgba(0,0,0,0);border:5px solid;border-color:rgba(0,193,222,.2) rgba(0,193,222,.5) rgba(0,193,222,.7) rgba(0,193,222,.1);opacity:.9;border-radius:50px;width:45px;height:45px;margin:0 auto;-moz-animation:spinoffPulse .9s infinite linear;-webkit-animation:spinoffPulse .9s infinite linear}.prism-player .prism-hide{display:none}.prism-player .prism-snapshot-btn{width:32px;height:32px;background:url(./img/snapshot.png) no-repeat;background-size:contain}.prism-player .prism-snapshot-btn:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1;cursor:pointer}.prism-player .prism-snapshot-btn:active{displa:block}.prism-player .prism-info-display{width:100%;color:#fff;font-size:18px;text-align:center;top:50%;position:absolute;z-index:900;height:44px;line-height:28px;font-size:16px;padding:10px 12px 10px 12px}.prism-player .prism-info-display span{color:#00c1de}.prism-player .prism-info-left-bottom{width:auto!important;top:auto!important;bottom:70px;left:20px!important;text-align:left}.prism-player .prism-info-top-center{width:auto!important;top:20px!important;left:50%!important;text-align:left!important;-ms-transform:translateX(-50%)!important;transform:translateX(-50%)!important;color:red!important}.prism-player .prism-info-black{color:#000!important}.prism-player .prism-auto-stream-selector{position:absolute;bottom:50%;width:100%;margin:auto;color:#efeff4;display:none}.prism-player .prism-auto-stream-selector p.tip-text{text-align:center}.prism-player .prism-auto-stream-selector .operators{width:100px;margin:auto}.prism-player .prism-button-cancel{font-size:16px;border:1px #ffffffa8 solid;padding:2px 5px 2px 5px;color:#ffffffa8;margin-left:5px;background:#503f3f3d}.prism-player .prism-button-ok{font-size:16px;border:1px #fff solid;padding:2px 5px 2px 5px;color:#fff;background:#503f3f63}.prism-player .prism-button-cancel:hover,.prism-player .prism-button-ok:hover{color:#f5f5f5}.prism-player .prism-cc-btn{height:24px;width:24px;background:url(./img/cc.png) center no-repeat;background-size:contain}.prism-player .prism-cc-btn:hover{cursor:pointer;animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1}.prism-player .prism-setting-btn{height:24px;width:24px;background:url(./img/setting.png) center no-repeat;background-size:contain}.prism-player .prism-setting-btn:hover{cursor:pointer;animation:hoverAnimationRotate 1s 1;-moz-animation:hoverAnimationRotate 1s 1;-webkit-animation:hoverAnimationRotate 1s 1;-o-animation:hoverAnimationRotate 1s 1}.prism-player .prism-setting-list{background:rgba(60,60,60,.95);width:220px;position:absolute;right:14px;bottom:45px;display:none;z-index:10000;text-align:left}.prism-player .prism-setting-list .prism-setting-item{font-size:14px;color:#ebecec;height:30px}.prism-player .prism-setting-list .prism-setting-item .setting-content{width:100%}.prism-player .prism-setting-list .prism-setting-item .setting-content:hover{background:rgba(216,216,216,.1);cursor:pointer}.prism-player .prism-setting-list .prism-setting-item .setting-content span{line-height:30px}.prism-player .prism-setting-list .prism-setting-item .setting-content .setting-title{margin-left:15px}.prism-player .prism-setting-list .prism-setting-item .setting-content .current-setting{float:right;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prism-player .prism-setting-list .prism-setting-item .array{display:inline-block;border-right:2px solid;border-bottom:2px solid;border-color:#fff;width:8px;height:8px;-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:10px;margin-top:10px;margin-left:10px;float:right}.prism-player .prism-setting-selector{right:40px;position:absolute;bottom:45px;width:150px;background:rgba(60,60,60,.95);font-size:14px;color:#ebecec;display:none;z-index:10000;text-align:left}.prism-player .prism-setting-selector .header{background:#242424;width:150px;height:30px}.prism-player .prism-setting-selector .header:hover{cursor:pointer}.prism-player .prism-setting-selector .header .left-array{display:inline-block;border-left:2px solid;border-bottom:2px solid;border-color:#fff;width:8px;height:8px;-ms-transform:rotate(45deg);transform:rotate(45deg);margin-right:6px;margin-top:12px;margin-left:16px;float:left}.prism-player .prism-setting-selector .header span{line-height:30px}.prism-player .prism-setting-selector ul.selector-list::-webkit-scrollbar{width:10px;background-color:#424242}.prism-player .prism-setting-selector ul.selector-list::-webkit-scrollbar-track{background-color:#424242}.prism-player .prism-setting-selector ul.selector-list::-webkit-scrollbar-thumb{background-color:#8e8e8e;border:1px solid #424242;border-radius:5px}.prism-player .prism-setting-selector ul{list-style-type:none;padding-left:0;max-height:150px;overflow-y:auto;padding-left:13px;margin-top:5px}.prism-player .prism-setting-selector ul li{height:28px;padding-left:10px}.prism-player .prism-setting-selector ul li.current{color:#30adf2;padding-left:0}.prism-player .prism-setting-selector ul li.current:before{content:"";display:inline-block;line-height:0;border:5px solid transparent;border-left-color:#30adf2;border-right-width:0;margin-top:5px;padding-right:5px}.prism-player .prism-setting-selector ul li:hover{background:rgba(216,216,216,.1);cursor:pointer}.prism-player .prism-setting-selector ul span{line-height:28px;max-width:110px;display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prism-player .prism-thumbnail{border:1px solid rgba(0,0,0,.8);width:174px;height:98px;position:absolute;bottom:50px;display:none;z-index:10}.prism-player .prism-thumbnail .none{border:none}.prism-player .prism-thumbnail span{font-size:12px;color:#fff;line-height:20px;background:rgba(0,0,0,.8);text-align:center;text-shadow:1px 1px 4px #373d41;padding-left:5px;padding-right:5px;display:inline-block;position:absolute;bottom:0;left:33%}.prism-player .prism-tooltip{background:#3c3c3c;box-shadow:0 0 5px 0 rgba(0,0,0,.1);height:28px;margin:0;padding-left:5px;padding-right:5px;padding-top:0;padding-bottom:0;position:absolute;bottom:50px;color:#fff;line-height:28px;font-size:10px;white-space:nowrap;display:none;z-index:10}.prism-player .disabled{pointer-events:none;color:gray}:-webkit-full-screen{width:100%!important;height:100%!important}:-moz-full-screen{width:100%!important;height:100%!important}:-ms-full-screen{width:100%!important;height:100%!important}:-ms-fullscreen{width:100%!important;height:100%!important}:-webkit-full-screen{width:100%!important;height:100%!important}:fullscreen{width:100%!important;height:100%!important}body.prism-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.prism-fullscreen{position:fixed;overflow:hidden;z-index:99999;left:0!important;top:0!important;bottom:0!important;right:0!important;width:100%!important;height:100%!important;position:absolute!important}.prism-button{cursor:pointer;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.3);border-radius:.5em;box-shadow:0 1px 2px rgba(0,0,0,.2)}.prism-button-orange{color:#a56117;border:solid 1px #a56117}.prism-button-retry{color:#f2dede;border:solid 1px #f2dede}.prism-button-orange:hover{color:#d67400;border-color:#d67400}.prism-button-orange:active{color:#d67400;border-color:#d67400}.prism-button-orange:visited{color:#d67400}.prism-button-retry:hover{color:#fcf8e3;border-color:#fcf8e3}.prism-button-retry:active{color:#fcf8e3;border-color:#fcf8e3}.prism-button-retry:visited{color:#fcf8e3}.prism-center{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.prism-width90{width:90%}.prism-stream-selector{font-size:16px;position:relative;line-height:32px}.prism-stream-selector .current-stream-selector{text-align:center;width:70px;display:none;color:#efeff4}.prism-stream-selector .current-stream-selector:hover{cursor:pointer;color:#00c1de}.prism-stream-selector .stream-selector-tip{color:#fff;text-align:center;padding:2px 5px 2px 5px;display:none;position:absolute;bottom:61.5px;white-space:nowrap;left:43%;font-size:18px}.prism-stream-selector .stream-selector-list{position:absolute;bottom:32px;background:rgba(0,0,0,.5);color:#efeff4;padding:5px 5px 0 5px;width:70px;margin:0;display:none}.prism-stream-selector .stream-selector-list li{list-style-type:none;text-align:center;white-space:nowrap;padding:0 2px 0 2px;line-height:24px}.prism-stream-selector .stream-selector-list li:last-child{margin-bottom:10px}.prism-stream-selector .stream-selector-list li.current{color:#00c1de}.prism-stream-selector .stream-selector-list li span.current{color:#00c1de}.prism-stream-selector .stream-selector-list li:hover{cursor:pointer;color:#00c1de}.prism-speed-selector{font-size:16px;position:relative;line-height:32px}.prism-speed-selector .current-speed-selector{color:#efeff4;text-align:center;width:60px}.prism-speed-selector .current-speed-selector:hover{cursor:pointer;color:#00c1de}.prism-speed-selector .speed-selector-list{position:absolute;bottom:32px;background:rgba(0,0,0,.5);color:#efeff4;padding:5px 5px 0 5px;display:none;margin:0}.prism-speed-selector .speed-selector-list li{list-style-type:none;text-align:center;white-space:nowrap;padding:0 2px 0 2px;line-height:24px}.prism-speed-selector .speed-selector-list li:last-child{margin-bottom:10px}.prism-speed-selector .speed-selector-list li.current{color:#00c1de}.prism-speed-selector .speed-selector-list li span.current{color:#00c1de}.prism-speed-selector .speed-selector-list li:hover{cursor:pointer;color:#00c1de}.prism-ai-container{position:absolute;overflow:hidden}.prism-ai-container .prism-ai-marking{font-size:12px;position:absolute}.prism-ai-container .prism-ai-marking[vh=large]{font-size:18px}.prism-ai-container .prism-ai-marking[vh=middle]{font-size:16px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region{position:relative;display:inline-block}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title{height:0;-ms-transform:translateY(-40px);transform:translateY(-40px)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title p{background:#ff1d00;text-align:center;width:100%;color:#fff;word-break:keep-all;margin:10px 0 0 0}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-left-anchor{width:5px;height:5px;border-top-color:red;border-top-style:solid;border-left-color:red;border-left-style:solid;border-width:1px;-ms-transform:translate(-5px,10px);transform:translate(-5px,10px)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-right-anchor{width:5px;height:5px;border-top-color:red;border-top-style:solid;border-right-color:red;border-right-style:solid;border-width:1px;-ms-transform:translate(5px,5px);transform:translate(5px,5px);float:right}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect{border-style:solid;border-color:#ff1d00;border-width:1px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;color:rgba(255,29,0,.3);background:rgba(255,29,0,.1)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash-container{overflow:hidden;width:100%;height:100%;position:absolute}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash{content:"";display:block;box-sizing:border-box;border-top-width:1px;border-top-style:solid;height:10px;margin-top:15px;border-bottom-width:1px;border-bottom-style:solid;transform:rotateZ(-45deg) scaleX(2);-ms-transform-origin:bottom center;transform-origin:bottom center}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-top-slash{margin-top:-10px!important}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .anchor-plug{position:absolute}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-left{top:-7px;left:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-right{top:-7px;right:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-left{bottom:-8px;left:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-right{bottom:-8px;right:-2px}.prism-ai-container .prism-ai-marking .prism-ai-labels{color:#fff;float:right;background:rgba(0,0,0,.4);padding-top:5px;padding-bottom:5px}.prism-ai-container .prism-ai-marking .prism-ai-labels p{text-align:left;padding-left:5px;padding-right:5px;margin:0}.prism-ai-container .prism-ai-marking .prism-ai-labels a{padding-left:5px;padding-right:5px}.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=large]{padding-left:25px;padding-right:25px}.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=middle]{padding-left:15px;padding-right:15px}video::-webkit-media-text-track-container{overflow:visible!important}video::cue{line-height:1.7}.loading-center{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} |
| @@ -254,8 +254,8 @@ body #app::-webkit-scrollbar-track { | @@ -254,8 +254,8 @@ body #app::-webkit-scrollbar-track { | ||
| 254 | } | 254 | } |
| 255 | .skeleton-loading { | 255 | .skeleton-loading { |
| 256 | display: block; | 256 | display: block; |
| 257 | - padding: 0.32rem 0.48rem 0; | ||
| 258 | - height: 17.57333333rem; | 257 | + padding: 0.26666667rem 0.48rem 0; |
| 258 | + height: 100%; | ||
| 259 | overflow: hidden; | 259 | overflow: hidden; |
| 260 | } | 260 | } |
| 261 | .skeleton-loading.active { | 261 | .skeleton-loading.active { |
| @@ -286,7 +286,8 @@ body #app::-webkit-scrollbar-track { | @@ -286,7 +286,8 @@ body #app::-webkit-scrollbar-track { | ||
| 286 | width: 4.26666667rem; | 286 | width: 4.26666667rem; |
| 287 | height: 2.98666667rem; | 287 | height: 2.98666667rem; |
| 288 | } | 288 | } |
| 289 | -.error-block .error-block-retry-btn { | 289 | +.error-block .error-block-retry-btn, |
| 290 | +.error-block .error-block-reload-btn { | ||
| 290 | width: 2.13333333rem; | 291 | width: 2.13333333rem; |
| 291 | height: 0.74666667rem; | 292 | height: 0.74666667rem; |
| 292 | border-radius: 0.08rem; | 293 | border-radius: 0.08rem; |
| @@ -299,6 +300,9 @@ body #app::-webkit-scrollbar-track { | @@ -299,6 +300,9 @@ body #app::-webkit-scrollbar-track { | ||
| 299 | text-align: center; | 300 | text-align: center; |
| 300 | color: #666666; | 301 | color: #666666; |
| 301 | } | 302 | } |
| 303 | +.error-block .error-block-reload-btn { | ||
| 304 | + width: 3.73333333rem; | ||
| 305 | +} | ||
| 302 | .error-block .error-block-description-title { | 306 | .error-block .error-block-description-title { |
| 303 | text-align: center; | 307 | text-align: center; |
| 304 | margin: 0 auto; | 308 | margin: 0 auto; |
| @@ -333,10 +337,6 @@ body #app::-webkit-scrollbar-track { | @@ -333,10 +337,6 @@ body #app::-webkit-scrollbar-track { | ||
| 333 | width: 100%; | 337 | width: 100%; |
| 334 | height: 17.57333333rem; | 338 | height: 17.57333333rem; |
| 335 | } | 339 | } |
| 336 | -.gx-mobile.active { | ||
| 337 | - animation-name: fadeIn; | ||
| 338 | - animation-duration: 0.2s; | ||
| 339 | -} | ||
| 340 | .refresh-content { | 340 | .refresh-content { |
| 341 | height: 100%; | 341 | height: 100%; |
| 342 | } | 342 | } |
| @@ -470,6 +470,36 @@ html[dark-mode] body .footer { | @@ -470,6 +470,36 @@ html[dark-mode] body .footer { | ||
| 470 | .anticon-spin { | 470 | .anticon-spin { |
| 471 | animation: loadingCircle 1s infinite linear; | 471 | animation: loadingCircle 1s infinite linear; |
| 472 | } | 472 | } |
| 473 | +.prism-player { | ||
| 474 | + position: relative; | ||
| 475 | +} | ||
| 476 | +.prism-player video { | ||
| 477 | + position: absolute; | ||
| 478 | + left: 50%; | ||
| 479 | + top: 50%; | ||
| 480 | + transform: translate(-50%, -50%); | ||
| 481 | + -ms-transform: translate(-50%, -50%); | ||
| 482 | + -moz-transform: translate(-50%, -50%); | ||
| 483 | + -webkit-transform: translate(-50%, -50%); | ||
| 484 | + -o-transform: translate(-50%, -50%); | ||
| 485 | + -ms-transform-origin: center; | ||
| 486 | + -moz-transform-origin: center; | ||
| 487 | + -webkit-transform-origin: center; | ||
| 488 | + -o-transform-origin: center; | ||
| 489 | +} | ||
| 490 | +.prism-player .loading-center, | ||
| 491 | +.prism-player .prism-ErrorMessage, | ||
| 492 | +.prism-player .prism-thumbnail, | ||
| 493 | +.prism-player .prism-cc-selector, | ||
| 494 | +.prism-player .prism-speed-selector, | ||
| 495 | +.prism-player .prism-quality-selector, | ||
| 496 | +.prism-player .prism-audio-selector, | ||
| 497 | +.prism-player .prism-setting-list, | ||
| 498 | +.prism-player .prism-volume-control, | ||
| 499 | +.prism-player .prism-auto-stream-selector, | ||
| 500 | +.prism-player .prism-marker-text { | ||
| 501 | + display: none !important; | ||
| 502 | +} | ||
| 473 | @keyframes fadeIn { | 503 | @keyframes fadeIn { |
| 474 | 0% { | 504 | 0% { |
| 475 | opacity: 0; | 505 | opacity: 0; |
| 1 | -{"version":3,"sources":["global.less"],"names":[],"mappings":"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","file":"global.css"} | ||
| 1 | +{"version":3,"sources":["global.less"],"names":[],"mappings":"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","file":"global.css"} |
| @@ -70,15 +70,15 @@ body { | @@ -70,15 +70,15 @@ body { | ||
| 70 | 70 | ||
| 71 | #app { | 71 | #app { |
| 72 | height: 100%; | 72 | height: 100%; |
| 73 | - | 73 | + |
| 74 | &::-webkit-scrollbar { | 74 | &::-webkit-scrollbar { |
| 75 | display: none; | 75 | display: none; |
| 76 | } | 76 | } |
| 77 | - | 77 | + |
| 78 | &::-webkit-scrollbar-thumb { | 78 | &::-webkit-scrollbar-thumb { |
| 79 | display: none; | 79 | display: none; |
| 80 | } | 80 | } |
| 81 | - | 81 | + |
| 82 | &::-webkit-scrollbar-track { | 82 | &::-webkit-scrollbar-track { |
| 83 | display: none; | 83 | display: none; |
| 84 | } | 84 | } |
| @@ -239,8 +239,8 @@ body { | @@ -239,8 +239,8 @@ body { | ||
| 239 | 239 | ||
| 240 | .skeleton-loading { | 240 | .skeleton-loading { |
| 241 | display: block; | 241 | display: block; |
| 242 | - padding: (12 / 37.5rem) (18 / 37.5rem) 0; | ||
| 243 | - height: (659 / 37.5rem); | 242 | + padding: (10 / 37.5rem) (18 / 37.5rem) 0; |
| 243 | + height: 100%; | ||
| 244 | overflow: hidden; | 244 | overflow: hidden; |
| 245 | 245 | ||
| 246 | &.active { | 246 | &.active { |
| @@ -277,7 +277,7 @@ body { | @@ -277,7 +277,7 @@ body { | ||
| 277 | } | 277 | } |
| 278 | } | 278 | } |
| 279 | 279 | ||
| 280 | - .error-block-retry-btn { | 280 | + .error-block-retry-btn, .error-block-reload-btn { |
| 281 | width: (80 / 37.5rem); | 281 | width: (80 / 37.5rem); |
| 282 | height: (28 / 37.5rem); | 282 | height: (28 / 37.5rem); |
| 283 | border-radius: (3 / 37.5rem); | 283 | border-radius: (3 / 37.5rem); |
| @@ -292,6 +292,10 @@ body { | @@ -292,6 +292,10 @@ body { | ||
| 292 | color: #666666; | 292 | color: #666666; |
| 293 | } | 293 | } |
| 294 | 294 | ||
| 295 | + .error-block-reload-btn { | ||
| 296 | + width: (140 / 37.5rem); | ||
| 297 | + } | ||
| 298 | + | ||
| 295 | .error-block-description { | 299 | .error-block-description { |
| 296 | } | 300 | } |
| 297 | 301 | ||
| @@ -341,8 +345,8 @@ body { | @@ -341,8 +345,8 @@ body { | ||
| 341 | } | 345 | } |
| 342 | 346 | ||
| 343 | &.active { | 347 | &.active { |
| 344 | - animation-name: fadeIn; | ||
| 345 | - animation-duration: .2s; | 348 | + //animation-name: fadeIn; |
| 349 | + //animation-duration: .2s; | ||
| 346 | } | 350 | } |
| 347 | } | 351 | } |
| 348 | 352 | ||
| @@ -357,6 +361,7 @@ body { | @@ -357,6 +361,7 @@ body { | ||
| 357 | html { | 361 | html { |
| 358 | transition: color 300ms, background-color 300ms; | 362 | transition: color 300ms, background-color 300ms; |
| 359 | } | 363 | } |
| 364 | + | ||
| 360 | body { | 365 | body { |
| 361 | 366 | ||
| 362 | .van-image__error, .van-image__loading { | 367 | .van-image__error, .van-image__loading { |
| @@ -391,13 +396,12 @@ body { | @@ -391,13 +396,12 @@ body { | ||
| 391 | #app { | 396 | #app { |
| 392 | overflow-y: hidden; | 397 | overflow-y: hidden; |
| 393 | overflow-x: hidden; | 398 | overflow-x: hidden; |
| 399 | + | ||
| 394 | .van-loading { | 400 | .van-loading { |
| 395 | text-align: center; | 401 | text-align: center; |
| 396 | } | 402 | } |
| 397 | } | 403 | } |
| 398 | 404 | ||
| 399 | - | ||
| 400 | - | ||
| 401 | html[dark-mode] { | 405 | html[dark-mode] { |
| 402 | body { | 406 | body { |
| 403 | // background-color: #12131e; | 407 | // background-color: #12131e; |
| @@ -406,45 +410,57 @@ html[dark-mode] { | @@ -406,45 +410,57 @@ html[dark-mode] { | ||
| 406 | .gx-mobile .vote { | 410 | .gx-mobile .vote { |
| 407 | background-color: #1D1F2F; | 411 | background-color: #1D1F2F; |
| 408 | } | 412 | } |
| 413 | + | ||
| 409 | .gx-mobile .suggested { | 414 | .gx-mobile .suggested { |
| 410 | // background-color: #1D1F2F; | 415 | // background-color: #1D1F2F; |
| 411 | .suggested-title { | 416 | .suggested-title { |
| 412 | color: #d9d9d9ff; | 417 | color: #d9d9d9ff; |
| 413 | } | 418 | } |
| 419 | + | ||
| 414 | .suggested-item_title { | 420 | .suggested-item_title { |
| 415 | color: #d9d9d9ff !important; | 421 | color: #d9d9d9ff !important; |
| 416 | } | 422 | } |
| 423 | + | ||
| 417 | .subtitle { | 424 | .subtitle { |
| 418 | color: #d9d9d9ff !important; | 425 | color: #d9d9d9ff !important; |
| 419 | } | 426 | } |
| 427 | + | ||
| 420 | .left { | 428 | .left { |
| 421 | span { | 429 | span { |
| 422 | color: #ffffff5c !important; | 430 | color: #ffffff5c !important; |
| 423 | } | 431 | } |
| 424 | } | 432 | } |
| 425 | } | 433 | } |
| 434 | + | ||
| 426 | .gx-mobile .title { | 435 | .gx-mobile .title { |
| 427 | color: #d9d9d9ff; | 436 | color: #d9d9d9ff; |
| 428 | } | 437 | } |
| 438 | + | ||
| 429 | .gx-mobile .ptxt { | 439 | .gx-mobile .ptxt { |
| 430 | color: #ffffffab; | 440 | color: #ffffffab; |
| 431 | } | 441 | } |
| 442 | + | ||
| 432 | .gx-mobile .btsIem { | 443 | .gx-mobile .btsIem { |
| 433 | background-color: #161828; | 444 | background-color: #161828; |
| 434 | } | 445 | } |
| 446 | + | ||
| 435 | .gx-mobile .stx { | 447 | .gx-mobile .stx { |
| 436 | - color: #ffffffab !important ; | 448 | + color: #ffffffab !important; |
| 437 | } | 449 | } |
| 450 | + | ||
| 438 | .gx-mobile .jd { | 451 | .gx-mobile .jd { |
| 439 | .s1 { | 452 | .s1 { |
| 440 | background: linear-gradient(270deg, #e5111eff 0%, #ffb5b9ff 100%); | 453 | background: linear-gradient(270deg, #e5111eff 0%, #ffb5b9ff 100%); |
| 441 | } | 454 | } |
| 455 | + | ||
| 442 | .s2 { | 456 | .s2 { |
| 443 | background-color: #393A47 !important; | 457 | background-color: #393A47 !important; |
| 444 | } | 458 | } |
| 445 | } | 459 | } |
| 460 | + | ||
| 446 | .gx-mobile .open { | 461 | .gx-mobile .open { |
| 447 | background: linear-gradient(179.9deg, #1d1f2e00 0%, #1d1f2eff 48%, #1d1f2eff 99%); | 462 | background: linear-gradient(179.9deg, #1d1f2e00 0%, #1d1f2eff 48%, #1d1f2eff 99%); |
| 463 | + | ||
| 448 | img { | 464 | img { |
| 449 | width: 0.42667rem; | 465 | width: 0.42667rem; |
| 450 | height: 0.42667rem; | 466 | height: 0.42667rem; |
| @@ -459,14 +475,15 @@ html[dark-mode] { | @@ -459,14 +475,15 @@ html[dark-mode] { | ||
| 459 | .gx-mobile #newsContent { | 475 | .gx-mobile #newsContent { |
| 460 | background-color: #12131e !important; | 476 | background-color: #12131e !important; |
| 461 | color: #ccc; | 477 | color: #ccc; |
| 462 | - | 478 | + |
| 463 | h1, h2, div, h3, p, h4, h5, h6, ul, li, ol { | 479 | h1, h2, div, h3, p, h4, h5, h6, ul, li, ol { |
| 464 | background-color: #12131e !important; | 480 | background-color: #12131e !important; |
| 465 | color: #ccc !important; | 481 | color: #ccc !important; |
| 466 | } | 482 | } |
| 483 | + | ||
| 467 | .preview-video { | 484 | .preview-video { |
| 468 | - div , p { | ||
| 469 | - background-color: rgba(255,255 , 255, 0) !important; | 485 | + div, p { |
| 486 | + background-color: rgba(255, 255, 255, 0) !important; | ||
| 470 | } | 487 | } |
| 471 | } | 488 | } |
| 472 | 489 | ||
| @@ -483,6 +500,29 @@ html[dark-mode] { | @@ -483,6 +500,29 @@ html[dark-mode] { | ||
| 483 | animation: loadingCircle 1s infinite linear; | 500 | animation: loadingCircle 1s infinite linear; |
| 484 | } | 501 | } |
| 485 | 502 | ||
| 503 | +.prism-player { | ||
| 504 | + position: relative; | ||
| 505 | + | ||
| 506 | + video { | ||
| 507 | + position: absolute; | ||
| 508 | + left: 50%; | ||
| 509 | + top: 50%; | ||
| 510 | + transform: translate(-50%,-50%); | ||
| 511 | + -ms-transform: translate(-50%,-50%); | ||
| 512 | + -moz-transform: translate(-50%,-50%); | ||
| 513 | + -webkit-transform: translate(-50%,-50%); | ||
| 514 | + -o-transform: translate(-50%,-50%); | ||
| 515 | + -ms-transform-origin: center; | ||
| 516 | + -moz-transform-origin: center; | ||
| 517 | + -webkit-transform-origin: center; | ||
| 518 | + -o-transform-origin: center; | ||
| 519 | + } | ||
| 520 | + | ||
| 521 | + .loading-center, .prism-ErrorMessage, .prism-thumbnail, .prism-cc-selector, .prism-speed-selector, .prism-quality-selector, .prism-audio-selector, .prism-setting-list, .prism-volume-control, .prism-auto-stream-selector, .prism-marker-text { | ||
| 522 | + display: none !important; | ||
| 523 | + } | ||
| 524 | +} | ||
| 525 | + | ||
| 486 | @keyframes fadeIn { | 526 | @keyframes fadeIn { |
| 487 | 0% { | 527 | 0% { |
| 488 | opacity: 0; | 528 | opacity: 0; |
| @@ -17,27 +17,65 @@ | @@ -17,27 +17,65 @@ | ||
| 17 | opacity: 0; | 17 | opacity: 0; |
| 18 | } | 18 | } |
| 19 | .app-skeleton-loading { | 19 | .app-skeleton-loading { |
| 20 | - padding: 0.32rem 0.48rem; | 20 | + padding: 0.26666667rem 0.48rem; |
| 21 | } | 21 | } |
| 22 | .app-skeleton-loading.none { | 22 | .app-skeleton-loading.none { |
| 23 | display: none; | 23 | display: none; |
| 24 | } | 24 | } |
| 25 | .gx-mobile { | 25 | .gx-mobile { |
| 26 | - padding: 0.24rem 0.48rem 0; | 26 | + padding: 0.26666667rem 0.48rem 0; |
| 27 | +} | ||
| 28 | +.gx-mobile.rmrb-article #newsContent p, | ||
| 29 | +.gx-mobile.rmrb-article #newsContent li, | ||
| 30 | +.gx-mobile.rmrb-article #newsContent h1, | ||
| 31 | +.gx-mobile.rmrb-article #newsContent h2, | ||
| 32 | +.gx-mobile.rmrb-article #newsContent h3, | ||
| 33 | +.gx-mobile.rmrb-article #newsContent h4, | ||
| 34 | +.gx-mobile.rmrb-article #newsContent h5, | ||
| 35 | +.gx-mobile.rmrb-article #newsContent h6, | ||
| 36 | +.gx-mobile.rmrb-article #newsContent a, | ||
| 37 | +.gx-mobile.rmrb-article #newsContent section, | ||
| 38 | +.gx-mobile.rmrb-article #newsContent div, | ||
| 39 | +.gx-mobile.rmrb-article #newsContent span, | ||
| 40 | +.gx-mobile.rmrb-article #newsContent ol, | ||
| 41 | +.gx-mobile.rmrb-article #newsContent mark, | ||
| 42 | +.gx-mobile.rmrb-article #newsContent ul { | ||
| 43 | + text-indent: 0 !important; | ||
| 27 | } | 44 | } |
| 28 | .gx-mobile .short-title { | 45 | .gx-mobile .short-title { |
| 29 | color: #666666ff; | 46 | color: #666666ff; |
| 30 | - font-size: 0.4rem; | 47 | + font-size: 0.45333333rem; |
| 48 | + line-height: 0.69333333rem; | ||
| 49 | + margin-bottom: 0.37333333rem; | ||
| 31 | font-weight: 400; | 50 | font-weight: 400; |
| 32 | - line-height: 0.48rem; | ||
| 33 | - margin-bottom: 0.32rem; | 51 | + word-break: break-all; |
| 52 | + white-space: pre-wrap; | ||
| 53 | +} | ||
| 54 | +.gx-mobile .short-title .global-line { | ||
| 55 | + position: relative; | ||
| 56 | + top: -0.12rem; | ||
| 57 | + width: 0.4rem; | ||
| 58 | + background: #666666ff; | ||
| 34 | } | 59 | } |
| 35 | .gx-mobile .title { | 60 | .gx-mobile .title { |
| 36 | - font-size: 0.58666667rem; | ||
| 37 | - line-height: 0.8rem; | 61 | + font-size: 0.6941756rem; |
| 62 | + line-height: 1.04rem; | ||
| 38 | font-weight: bold; | 63 | font-weight: bold; |
| 39 | color: #222; | 64 | color: #222; |
| 40 | margin-bottom: 0.21333333rem; | 65 | margin-bottom: 0.21333333rem; |
| 66 | + word-break: break-all; | ||
| 67 | + white-space: pre-wrap; | ||
| 68 | +} | ||
| 69 | +.gx-mobile .title .global-line { | ||
| 70 | + position: relative; | ||
| 71 | + top: -0.22666667rem; | ||
| 72 | + width: 0.66666667rem; | ||
| 73 | + height: 0.05333333rem; | ||
| 74 | + background: #222; | ||
| 75 | +} | ||
| 76 | +.gx-mobile .global-line { | ||
| 77 | + display: inline-block; | ||
| 78 | + height: 0.03333333rem; | ||
| 41 | } | 79 | } |
| 42 | .gx-mobile .down-title-box { | 80 | .gx-mobile .down-title-box { |
| 43 | display: flex; | 81 | display: flex; |
| @@ -50,20 +88,63 @@ | @@ -50,20 +88,63 @@ | ||
| 50 | color: #999999ff; | 88 | color: #999999ff; |
| 51 | font-size: 0.45333333rem; | 89 | font-size: 0.45333333rem; |
| 52 | font-weight: 400; | 90 | font-weight: 400; |
| 53 | - line-height: 0.69333rem; | 91 | + line-height: 0.69333333rem; |
| 92 | + word-break: break-all; | ||
| 93 | + white-space: pre-wrap; | ||
| 94 | +} | ||
| 95 | +.gx-mobile .down-title-box .down-title .global-line { | ||
| 96 | + position: relative; | ||
| 97 | + top: -0.13333333rem; | ||
| 98 | + width: 0.42666667rem; | ||
| 99 | + background: #999999ff; | ||
| 54 | } | 100 | } |
| 55 | .gx-mobile .time.pageView { | 101 | .gx-mobile .time.pageView { |
| 56 | - display: flex; | ||
| 57 | - flex-wrap: wrap; | ||
| 58 | font-size: 0.37333333rem; | 102 | font-size: 0.37333333rem; |
| 59 | line-height: 0.53333333rem; | 103 | line-height: 0.53333333rem; |
| 104 | + letter-spacing: 0; | ||
| 60 | color: #b0b0b0ff; | 105 | color: #b0b0b0ff; |
| 61 | } | 106 | } |
| 107 | +.gx-mobile .time.pageView::before, | ||
| 108 | +.gx-mobile .time.pageView::after { | ||
| 109 | + display: table; | ||
| 110 | + content: ''; | ||
| 111 | +} | ||
| 112 | +.gx-mobile .time.pageView::after { | ||
| 113 | + height: 0; | ||
| 114 | + clear: both; | ||
| 115 | + font-size: 0; | ||
| 116 | + visibility: hidden; | ||
| 117 | +} | ||
| 118 | +.gx-mobile .time.pageView.hidden-extra { | ||
| 119 | + display: none !important; | ||
| 120 | + margin-top: 0 !important; | ||
| 121 | +} | ||
| 122 | +.gx-mobile .time.pageView .article-source { | ||
| 123 | + float: left; | ||
| 124 | + letter-spacing: 0; | ||
| 125 | + display: inline-flex; | ||
| 126 | +} | ||
| 127 | +.gx-mobile .time.pageView .browseCntStr { | ||
| 128 | + float: left; | ||
| 129 | + display: inline-block; | ||
| 130 | + height: 0.53333333rem; | ||
| 131 | +} | ||
| 62 | .gx-mobile .time.pageView .author-item { | 132 | .gx-mobile .time.pageView .author-item { |
| 133 | + float: left; | ||
| 134 | + display: inline-flex; | ||
| 135 | + letter-spacing: 0; | ||
| 63 | margin-right: 0.21333333rem; | 136 | margin-right: 0.21333333rem; |
| 64 | } | 137 | } |
| 65 | -.gx-mobile .time.pageView > * { | ||
| 66 | - margin-top: 0.21333333rem; | 138 | +.gx-mobile .time.pageView > .article-source-icon { |
| 139 | + float: left; | ||
| 140 | + display: flex; | ||
| 141 | + width: 0.08rem; | ||
| 142 | + height: 0.37333333rem; | ||
| 143 | + margin-top: 0.08533333rem; | ||
| 144 | + margin-right: 0.10666667rem; | ||
| 145 | + background-image: url('../image/sourceIocnNew.svg'); | ||
| 146 | + background-size: 100%; | ||
| 147 | + background-repeat: no-repeat; | ||
| 67 | } | 148 | } |
| 68 | .gx-mobile .new-intro-box { | 149 | .gx-mobile .new-intro-box { |
| 69 | position: relative; | 150 | position: relative; |
| @@ -74,6 +155,14 @@ | @@ -74,6 +155,14 @@ | ||
| 74 | line-height: 0.53333333rem; | 155 | line-height: 0.53333333rem; |
| 75 | margin-top: 0.56rem; | 156 | margin-top: 0.56rem; |
| 76 | border-radius: 0.10666667rem; | 157 | border-radius: 0.10666667rem; |
| 158 | + word-break: break-all; | ||
| 159 | + white-space: pre-wrap; | ||
| 160 | +} | ||
| 161 | +.gx-mobile .new-intro-box .global-line { | ||
| 162 | + position: relative; | ||
| 163 | + top: -0.12rem; | ||
| 164 | + width: 0.37333333rem; | ||
| 165 | + background: #666666ff; | ||
| 77 | } | 166 | } |
| 78 | .gx-mobile .new-intro-box .yh-icon { | 167 | .gx-mobile .new-intro-box .yh-icon { |
| 79 | width: 0.34667rem; | 168 | width: 0.34667rem; |
| @@ -91,10 +180,10 @@ | @@ -91,10 +180,10 @@ | ||
| 91 | background: #FFFFFF; | 180 | background: #FFFFFF; |
| 92 | border: 0.02666667rem solid rgba(0, 0, 0, 0.05); | 181 | border: 0.02666667rem solid rgba(0, 0, 0, 0.05); |
| 93 | box-shadow: 0px 0.05333333rem 0.21333333rem 0px rgba(0, 0, 0, 0.05); | 182 | box-shadow: 0px 0.05333333rem 0.21333333rem 0px rgba(0, 0, 0, 0.05); |
| 94 | - text-align: justify; | ||
| 95 | font-size: 0.37333333rem; | 183 | font-size: 0.37333333rem; |
| 96 | line-height: 0.53333333rem; | 184 | line-height: 0.53333333rem; |
| 97 | color: #333333; | 185 | color: #333333; |
| 186 | + word-break: break-all; | ||
| 98 | } | 187 | } |
| 99 | .gx-mobile .head-link-block img { | 188 | .gx-mobile .head-link-block img { |
| 100 | position: relative; | 189 | position: relative; |
| @@ -103,6 +192,15 @@ | @@ -103,6 +192,15 @@ | ||
| 103 | height: 0.37333333rem; | 192 | height: 0.37333333rem; |
| 104 | margin-right: 0.05333333rem; | 193 | margin-right: 0.05333333rem; |
| 105 | } | 194 | } |
| 195 | +.gx-mobile .head-link-block .head-link-block-str { | ||
| 196 | + margin-left: 0.08rem; | ||
| 197 | +} | ||
| 198 | +.gx-mobile .head-link-block .head-link-block-str .global-line { | ||
| 199 | + position: relative; | ||
| 200 | + top: -0.12rem; | ||
| 201 | + width: 0.37333333rem; | ||
| 202 | + background: #333333; | ||
| 203 | +} | ||
| 106 | .gx-mobile .rmcard { | 204 | .gx-mobile .rmcard { |
| 107 | position: relative; | 205 | position: relative; |
| 108 | height: 0.98666667rem; | 206 | height: 0.98666667rem; |
| @@ -120,30 +218,39 @@ | @@ -120,30 +218,39 @@ | ||
| 120 | border: 0.02666667rem solid #FFFFFF; | 218 | border: 0.02666667rem solid #FFFFFF; |
| 121 | } | 219 | } |
| 122 | .gx-mobile .rmcard .rmcard-image { | 220 | .gx-mobile .rmcard .rmcard-image { |
| 221 | + display: block; | ||
| 123 | float: left; | 222 | float: left; |
| 223 | + text-align: center; | ||
| 124 | margin-right: 0.21333333rem; | 224 | margin-right: 0.21333333rem; |
| 125 | width: 0.96rem; | 225 | width: 0.96rem; |
| 126 | height: 0.96rem; | 226 | height: 0.96rem; |
| 127 | border-radius: 50%; | 227 | border-radius: 50%; |
| 128 | margin-top: 0.02666667rem; | 228 | margin-top: 0.02666667rem; |
| 129 | - border: 0.5px solid rgba(0, 0, 0, 0.05); | 229 | + border: 0.5px solid rgba(0, 0, 0, 0.1); |
| 230 | +} | ||
| 231 | +.gx-mobile .rmcard .rmcard-image.default { | ||
| 232 | + display: flex; | ||
| 233 | + align-items: center; | ||
| 234 | + justify-content: center; | ||
| 235 | + background: #fff; | ||
| 236 | +} | ||
| 237 | +.gx-mobile .rmcard .rmcard-image.default img { | ||
| 238 | + position: relative; | ||
| 239 | + left: -0.05333333rem; | ||
| 240 | + width: 49.3%; | ||
| 130 | } | 241 | } |
| 131 | .gx-mobile .rmcard .cdescrip { | 242 | .gx-mobile .rmcard .cdescrip { |
| 132 | float: left; | 243 | float: left; |
| 244 | + width: calc(100% - 0.96rem - 1.44rem - 0.213rem - 0.213rem); | ||
| 245 | + height: 0.98666667rem; | ||
| 133 | } | 246 | } |
| 134 | .gx-mobile .rmcard .cdescrip .cdescrip_text { | 247 | .gx-mobile .rmcard .cdescrip .cdescrip_text { |
| 135 | - width: 6.32rem; | 248 | + width: 100%; |
| 136 | color: #b0b0b0ff; | 249 | color: #b0b0b0ff; |
| 137 | - font-weight: 400; | ||
| 138 | font-size: 0.32rem; | 250 | font-size: 0.32rem; |
| 139 | - height: 0.37333333rem; | ||
| 140 | - line-height: 0.37333333rem; | ||
| 141 | overflow: hidden; | 251 | overflow: hidden; |
| 142 | - word-break: normal; | ||
| 143 | - -webkit-line-clamp: 1; | ||
| 144 | - -webkit-box-orient: vertical; | ||
| 145 | - display: -webkit-box; | ||
| 146 | text-overflow: ellipsis; | 252 | text-overflow: ellipsis; |
| 253 | + white-space: nowrap; | ||
| 147 | } | 254 | } |
| 148 | .gx-mobile .rmcard .cdescrip .cdescrip_text:first-child { | 255 | .gx-mobile .rmcard .cdescrip .cdescrip_text:first-child { |
| 149 | color: #222222ff; | 256 | color: #222222ff; |
| @@ -154,11 +261,15 @@ | @@ -154,11 +261,15 @@ | ||
| 154 | margin-top: 0.02666667rem; | 261 | margin-top: 0.02666667rem; |
| 155 | margin-bottom: 0.08rem; | 262 | margin-bottom: 0.08rem; |
| 156 | } | 263 | } |
| 264 | +.gx-mobile .rmcard .cdescrip .cdescrip_text:first-child.cdescrip_text_top { | ||
| 265 | + margin-top: 0.26666667rem; | ||
| 266 | + margin-bottom: 0rem; | ||
| 267 | +} | ||
| 157 | .gx-mobile .rmcard .clook-btn { | 268 | .gx-mobile .rmcard .clook-btn { |
| 158 | float: right; | 269 | float: right; |
| 159 | } | 270 | } |
| 160 | .gx-mobile .rmcard .clook { | 271 | .gx-mobile .rmcard .clook { |
| 161 | - margin-top: 0.13333333rem; | 272 | + margin-top: 0.17333333rem; |
| 162 | width: 1.44rem; | 273 | width: 1.44rem; |
| 163 | height: 0.64rem; | 274 | height: 0.64rem; |
| 164 | border-radius: 0.08rem; | 275 | border-radius: 0.08rem; |
| @@ -176,6 +287,13 @@ | @@ -176,6 +287,13 @@ | ||
| 176 | position: relative; | 287 | position: relative; |
| 177 | vertical-align: middle; | 288 | vertical-align: middle; |
| 178 | } | 289 | } |
| 290 | +.gx-mobile .rmcard .clook img.add-clook-icon { | ||
| 291 | + top: -0.02666667rem; | ||
| 292 | +} | ||
| 293 | +.gx-mobile .rmcard .clook .add-clook-text { | ||
| 294 | + top: 0.01333333rem; | ||
| 295 | + position: relative; | ||
| 296 | +} | ||
| 179 | .gx-mobile .rmcard .isclook { | 297 | .gx-mobile .rmcard .isclook { |
| 180 | margin-top: 0.13333333rem; | 298 | margin-top: 0.13333333rem; |
| 181 | width: 1.44rem; | 299 | width: 1.44rem; |
| @@ -188,6 +306,17 @@ | @@ -188,6 +306,17 @@ | ||
| 188 | color: #CCCCCC; | 306 | color: #CCCCCC; |
| 189 | font-weight: bold; | 307 | font-weight: bold; |
| 190 | } | 308 | } |
| 309 | +.gx-mobile .rmcard .isclook.loading { | ||
| 310 | + background-color: #ED2800; | ||
| 311 | + color: #ffffffff; | ||
| 312 | +} | ||
| 313 | +.gx-mobile .rmcard .isclook img { | ||
| 314 | + width: 0.32rem; | ||
| 315 | + height: 0.32rem; | ||
| 316 | + top: -0.02666667rem; | ||
| 317 | + position: relative; | ||
| 318 | + vertical-align: middle; | ||
| 319 | +} | ||
| 191 | .gx-mobile .cover { | 320 | .gx-mobile .cover { |
| 192 | width: 100%; | 321 | width: 100%; |
| 193 | height: 5.25333rem; | 322 | height: 5.25333rem; |
| @@ -216,23 +345,47 @@ | @@ -216,23 +345,47 @@ | ||
| 216 | margin-top: 0.42666667rem; | 345 | margin-top: 0.42666667rem; |
| 217 | } | 346 | } |
| 218 | .gx-mobile #newsContent { | 347 | .gx-mobile #newsContent { |
| 219 | - line-height: 0.72rem; | ||
| 220 | - font-size: 0.45333333rem; | 348 | + line-height: 0.816rem; |
| 349 | + font-size: 0.48rem; | ||
| 221 | color: #000000; | 350 | color: #000000; |
| 222 | text-align: justify; | 351 | text-align: justify; |
| 223 | } | 352 | } |
| 353 | +.gx-mobile #newsContent table { | ||
| 354 | + border-collapse: collapse; | ||
| 355 | + border-spacing: 0; | ||
| 356 | + width: 100%; | ||
| 357 | +} | ||
| 358 | +.gx-mobile #newsContent table:last-child { | ||
| 359 | + margin-bottom: 0 !important; | ||
| 360 | +} | ||
| 361 | +.gx-mobile #newsContent table + .preview-image-block { | ||
| 362 | + margin-top: 0 !important; | ||
| 363 | +} | ||
| 224 | .gx-mobile #newsContent li { | 364 | .gx-mobile #newsContent li { |
| 225 | list-style: unset; | 365 | list-style: unset; |
| 226 | margin-left: 0.42666667rem; | 366 | margin-left: 0.42666667rem; |
| 227 | } | 367 | } |
| 228 | -.gx-mobile #newsContent p { | ||
| 229 | - max-width: 100%; | ||
| 230 | - padding: 0 !important; | ||
| 231 | - margin-bottom: 0.42666667rem !important; | ||
| 232 | - box-sizing: border-box; | 368 | +.gx-mobile #newsContent li:last-child { |
| 369 | + margin-bottom: 0 !important; | ||
| 233 | } | 370 | } |
| 234 | -.gx-mobile #newsContent p:last-child { | ||
| 235 | - margin-bottom: 0; | 371 | +.gx-mobile #newsContent li + .preview-image-block { |
| 372 | + margin-top: 0 !important; | ||
| 373 | +} | ||
| 374 | +.gx-mobile #newsContent ul:last-child { | ||
| 375 | + margin-bottom: 0 !important; | ||
| 376 | +} | ||
| 377 | +.gx-mobile #newsContent ul + .preview-image-block { | ||
| 378 | + margin-top: 0 !important; | ||
| 379 | +} | ||
| 380 | +.gx-mobile #newsContent .global-line { | ||
| 381 | + position: relative; | ||
| 382 | + top: -0.13333333rem; | ||
| 383 | + width: 0.48rem; | ||
| 384 | + height: 0.032rem; | ||
| 385 | + background: #000000; | ||
| 386 | +} | ||
| 387 | +.gx-mobile #newsContent mark { | ||
| 388 | + background: none !important; | ||
| 236 | } | 389 | } |
| 237 | .gx-mobile #newsContent a { | 390 | .gx-mobile #newsContent a { |
| 238 | color: #50749A !important; | 391 | color: #50749A !important; |
| @@ -242,52 +395,138 @@ | @@ -242,52 +395,138 @@ | ||
| 242 | color: #50749A !important; | 395 | color: #50749A !important; |
| 243 | word-break: break-all; | 396 | word-break: break-all; |
| 244 | } | 397 | } |
| 245 | -.gx-mobile #newsContent > P:last-child { | 398 | +.gx-mobile #newsContent a:last-child { |
| 399 | + margin-bottom: 0 !important; | ||
| 400 | +} | ||
| 401 | +.gx-mobile #newsContent a + .preview-image-block { | ||
| 402 | + margin-top: 0 !important; | ||
| 403 | +} | ||
| 404 | +.gx-mobile #newsContent br, | ||
| 405 | +.gx-mobile #newsContent span.bjh-br { | ||
| 406 | + display: block; | ||
| 407 | +} | ||
| 408 | +.gx-mobile #newsContent P { | ||
| 409 | + max-width: 100%; | ||
| 410 | + padding: 0 !important; | ||
| 411 | + margin-bottom: 0.42666667rem; | ||
| 412 | + box-sizing: border-box; | ||
| 413 | + word-break: break-all; | ||
| 414 | +} | ||
| 415 | +.gx-mobile #newsContent P:empty { | ||
| 416 | + display: none !important; | ||
| 417 | +} | ||
| 418 | +.gx-mobile #newsContent P:last-child { | ||
| 246 | margin-bottom: 0 !important; | 419 | margin-bottom: 0 !important; |
| 247 | } | 420 | } |
| 421 | +.gx-mobile #newsContent P + .preview-image-block { | ||
| 422 | + margin-top: 0 !important; | ||
| 423 | +} | ||
| 248 | .gx-mobile #newsContent > div > P:last-child { | 424 | .gx-mobile #newsContent > div > P:last-child { |
| 249 | margin-bottom: 0 !important; | 425 | margin-bottom: 0 !important; |
| 250 | } | 426 | } |
| 427 | +.gx-mobile #newsContent > div > P + .preview-image-block { | ||
| 428 | + margin-top: 0 !important; | ||
| 429 | +} | ||
| 251 | .gx-mobile #newsContent > h1 { | 430 | .gx-mobile #newsContent > h1 { |
| 252 | max-width: 100%; | 431 | max-width: 100%; |
| 253 | padding: 0 !important; | 432 | padding: 0 !important; |
| 254 | - margin-bottom: 0.42666667rem !important; | 433 | + margin-bottom: 0.42666667rem; |
| 434 | +} | ||
| 435 | +.gx-mobile #newsContent > h1:last-child { | ||
| 436 | + margin-bottom: 0 !important; | ||
| 437 | +} | ||
| 438 | +.gx-mobile #newsContent > h1 + .preview-image-block { | ||
| 439 | + margin-top: 0 !important; | ||
| 255 | } | 440 | } |
| 256 | .gx-mobile #newsContent > h2 { | 441 | .gx-mobile #newsContent > h2 { |
| 257 | max-width: 100%; | 442 | max-width: 100%; |
| 258 | padding: 0 !important; | 443 | padding: 0 !important; |
| 259 | - margin-bottom: 0.42666667rem !important; | 444 | + margin-bottom: 0.42666667rem; |
| 445 | +} | ||
| 446 | +.gx-mobile #newsContent > h2:last-child { | ||
| 447 | + margin-bottom: 0 !important; | ||
| 448 | +} | ||
| 449 | +.gx-mobile #newsContent > h2 + .preview-image-block { | ||
| 450 | + margin-top: 0 !important; | ||
| 260 | } | 451 | } |
| 261 | .gx-mobile #newsContent > h3 { | 452 | .gx-mobile #newsContent > h3 { |
| 262 | max-width: 100%; | 453 | max-width: 100%; |
| 263 | padding: 0 !important; | 454 | padding: 0 !important; |
| 264 | - margin-bottom: 0.42666667rem !important; | 455 | + margin-bottom: 0.42666667rem; |
| 456 | +} | ||
| 457 | +.gx-mobile #newsContent > h3:last-child { | ||
| 458 | + margin-bottom: 0 !important; | ||
| 459 | +} | ||
| 460 | +.gx-mobile #newsContent > h3 + .preview-image-block { | ||
| 461 | + margin-top: 0 !important; | ||
| 265 | } | 462 | } |
| 266 | .gx-mobile #newsContent > h4 { | 463 | .gx-mobile #newsContent > h4 { |
| 267 | max-width: 100%; | 464 | max-width: 100%; |
| 268 | padding: 0 !important; | 465 | padding: 0 !important; |
| 269 | - margin-bottom: 0.42666667rem !important; | 466 | + margin-bottom: 0.42666667rem; |
| 467 | +} | ||
| 468 | +.gx-mobile #newsContent > h4:last-child { | ||
| 469 | + margin-bottom: 0 !important; | ||
| 470 | +} | ||
| 471 | +.gx-mobile #newsContent > h4 + .preview-image-block { | ||
| 472 | + margin-top: 0 !important; | ||
| 270 | } | 473 | } |
| 271 | .gx-mobile #newsContent > h5 { | 474 | .gx-mobile #newsContent > h5 { |
| 272 | max-width: 100%; | 475 | max-width: 100%; |
| 273 | padding: 0 !important; | 476 | padding: 0 !important; |
| 274 | - margin-bottom: 0.42666667rem !important; | 477 | + margin-bottom: 0.42666667rem; |
| 478 | +} | ||
| 479 | +.gx-mobile #newsContent > h5:last-child { | ||
| 480 | + margin-bottom: 0 !important; | ||
| 481 | +} | ||
| 482 | +.gx-mobile #newsContent > h5 + .preview-image-block { | ||
| 483 | + margin-top: 0 !important; | ||
| 275 | } | 484 | } |
| 276 | .gx-mobile #newsContent > h6 { | 485 | .gx-mobile #newsContent > h6 { |
| 277 | max-width: 100%; | 486 | max-width: 100%; |
| 278 | padding: 0 !important; | 487 | padding: 0 !important; |
| 279 | - margin-bottom: 0.42666667rem !important; | 488 | + margin-bottom: 0.42666667rem; |
| 489 | +} | ||
| 490 | +.gx-mobile #newsContent > h6:last-child { | ||
| 491 | + margin-bottom: 0 !important; | ||
| 492 | +} | ||
| 493 | +.gx-mobile #newsContent > h6 + .preview-image-block { | ||
| 494 | + margin-top: 0 !important; | ||
| 280 | } | 495 | } |
| 281 | -.gx-mobile #newsContent > section { | 496 | +.gx-mobile #newsContent section { |
| 282 | max-width: 100%; | 497 | max-width: 100%; |
| 283 | padding: 0 !important; | 498 | padding: 0 !important; |
| 284 | margin-bottom: 0.42666667rem !important; | 499 | margin-bottom: 0.42666667rem !important; |
| 285 | } | 500 | } |
| 501 | +.gx-mobile #newsContent section:empty { | ||
| 502 | + display: none !important; | ||
| 503 | +} | ||
| 504 | +.gx-mobile #newsContent section:last-child { | ||
| 505 | + margin-bottom: 0 !important; | ||
| 506 | +} | ||
| 507 | +.gx-mobile #newsContent section + .preview-image-block { | ||
| 508 | + margin-top: 0 !important; | ||
| 509 | +} | ||
| 510 | +.gx-mobile #newsContent section > section:last-child { | ||
| 511 | + margin-bottom: 0 !important; | ||
| 512 | +} | ||
| 513 | +.gx-mobile #newsContent section > section + .preview-image-block { | ||
| 514 | + margin-top: 0 !important; | ||
| 515 | +} | ||
| 516 | +.gx-mobile #newsContent section + .preview-image-block { | ||
| 517 | + margin-top: 0 !important; | ||
| 518 | +} | ||
| 286 | .gx-mobile #newsContent > div.replace-br-tag { | 519 | .gx-mobile #newsContent > div.replace-br-tag { |
| 287 | - margin-bottom: 0.42666667rem !important; | 520 | + margin-bottom: 0.42666667rem; |
| 521 | +} | ||
| 522 | +.gx-mobile #newsContent > div.replace-br-tag + .preview-image-block { | ||
| 523 | + margin-top: 0 !important; | ||
| 288 | } | 524 | } |
| 289 | .gx-mobile #newsContent > div:last-child { | 525 | .gx-mobile #newsContent > div:last-child { |
| 290 | - margin-bottom: 0; | 526 | + margin-bottom: 0 !important; |
| 527 | +} | ||
| 528 | +.gx-mobile #newsContent > div + .preview-image-block { | ||
| 529 | + margin-top: 0 !important; | ||
| 291 | } | 530 | } |
| 292 | .gx-mobile #newsContent section[data-title='分割线-5'] { | 531 | .gx-mobile #newsContent section[data-title='分割线-5'] { |
| 293 | margin-top: 1.18666667rem !important; | 532 | margin-top: 1.18666667rem !important; |
| @@ -296,6 +535,10 @@ | @@ -296,6 +535,10 @@ | ||
| 296 | .gx-mobile #newsContent section[data-title='分割线-5'] img { | 535 | .gx-mobile #newsContent section[data-title='分割线-5'] img { |
| 297 | display: inline; | 536 | display: inline; |
| 298 | } | 537 | } |
| 538 | +.gx-mobile #newsContent .img-no-margin .preview-image-block.success { | ||
| 539 | + margin-top: 0 !important; | ||
| 540 | + margin-bottom: 0 !important; | ||
| 541 | +} | ||
| 299 | .gx-mobile #newsContent section[data-title='基础饼图'] { | 542 | .gx-mobile #newsContent section[data-title='基础饼图'] { |
| 300 | display: none; | 543 | display: none; |
| 301 | } | 544 | } |
| @@ -367,7 +610,6 @@ | @@ -367,7 +610,6 @@ | ||
| 367 | } | 610 | } |
| 368 | .gx-mobile #newsContent img { | 611 | .gx-mobile #newsContent img { |
| 369 | max-width: 100% !important; | 612 | max-width: 100% !important; |
| 370 | - max-height: 100% !important; | ||
| 371 | display: block; | 613 | display: block; |
| 372 | margin: 0 auto; | 614 | margin: 0 auto; |
| 373 | box-sizing: border-box; | 615 | box-sizing: border-box; |
| @@ -431,6 +673,11 @@ | @@ -431,6 +673,11 @@ | ||
| 431 | .gx-mobile #newsContent .rmrb-caption-img2:empty { | 673 | .gx-mobile #newsContent .rmrb-caption-img2:empty { |
| 432 | display: none; | 674 | display: none; |
| 433 | } | 675 | } |
| 676 | +.gx-mobile #newsContent .rmrb-caption-img + .preview-image-block, | ||
| 677 | +.gx-mobile #newsContent .bjh-image-caption + .preview-image-block, | ||
| 678 | +.gx-mobile #newsContent .rmrb-caption-img2 + .preview-image-block { | ||
| 679 | + margin-top: 0 !important; | ||
| 680 | +} | ||
| 434 | .gx-mobile #newsContent ._editor42 img { | 681 | .gx-mobile #newsContent ._editor42 img { |
| 435 | margin: unset !important; | 682 | margin: unset !important; |
| 436 | margin-right: 12px !important; | 683 | margin-right: 12px !important; |
| @@ -444,6 +691,10 @@ | @@ -444,6 +691,10 @@ | ||
| 444 | margin-bottom: 0.42666667rem; | 691 | margin-bottom: 0.42666667rem; |
| 445 | border-radius: 0.10666667rem; | 692 | border-radius: 0.10666667rem; |
| 446 | overflow: hidden; | 693 | overflow: hidden; |
| 694 | + position: relative; | ||
| 695 | +} | ||
| 696 | +.gx-mobile #newsContent .preview-video + .preview-image-block { | ||
| 697 | + margin-top: 0 !important; | ||
| 447 | } | 698 | } |
| 448 | .gx-mobile #newsContent .preview-video .video-player { | 699 | .gx-mobile #newsContent .preview-video .video-player { |
| 449 | border-radius: 0.10666667rem; | 700 | border-radius: 0.10666667rem; |
| @@ -616,15 +867,38 @@ | @@ -616,15 +867,38 @@ | ||
| 616 | height: 100%; | 867 | height: 100%; |
| 617 | background-repeat: no-repeat; | 868 | background-repeat: no-repeat; |
| 618 | background-position: center; | 869 | background-position: center; |
| 619 | - background-size: contain; | ||
| 620 | - border-radius: 4px; | 870 | + background-size: cover; |
| 871 | + border-radius: 0.10666667rem; | ||
| 621 | } | 872 | } |
| 622 | -.gx-mobile #newsContent .preview-video .player-cover .player-cover-icon { | 873 | +.gx-mobile #newsContent .preview-video .player-cover > img { |
| 874 | + display: none; | ||
| 875 | + position: absolute; | ||
| 876 | + width: 100%; | ||
| 877 | + height: 100%; | ||
| 878 | + object-fit: cover; | ||
| 879 | + z-index: 9; | ||
| 880 | +} | ||
| 881 | +.gx-mobile #newsContent .preview-video .player-cover .player-state-icon { | ||
| 623 | position: absolute; | 882 | position: absolute; |
| 624 | left: 0.32rem; | 883 | left: 0.32rem; |
| 625 | bottom: 0.32rem; | 884 | bottom: 0.32rem; |
| 626 | width: 0.85333333rem; | 885 | width: 0.85333333rem; |
| 627 | height: 0.85333333rem; | 886 | height: 0.85333333rem; |
| 887 | + background: rgba(0, 0, 0, 0.5); | ||
| 888 | + border-radius: 50%; | ||
| 889 | + display: flex; | ||
| 890 | + align-items: center; | ||
| 891 | + justify-content: center; | ||
| 892 | + z-index: 10; | ||
| 893 | +} | ||
| 894 | +.gx-mobile #newsContent .preview-video .player-cover .player-state-icon img { | ||
| 895 | + background: none; | ||
| 896 | + width: 0.42666667rem; | ||
| 897 | + height: 0.42666667rem; | ||
| 898 | + max-width: unset !important; | ||
| 899 | + margin: 0 !important; | ||
| 900 | + position: relative; | ||
| 901 | + left: 0.02666667rem; | ||
| 628 | } | 902 | } |
| 629 | .gx-mobile #newsContent .preview-video .player-cover.none { | 903 | .gx-mobile #newsContent .preview-video .player-cover.none { |
| 630 | display: none; | 904 | display: none; |
| @@ -747,6 +1021,10 @@ | @@ -747,6 +1021,10 @@ | ||
| 747 | background: none; | 1021 | background: none; |
| 748 | width: 0.42666667rem; | 1022 | width: 0.42666667rem; |
| 749 | height: 0.42666667rem; | 1023 | height: 0.42666667rem; |
| 1024 | + max-width: unset !important; | ||
| 1025 | + margin: 0 !important; | ||
| 1026 | + position: relative; | ||
| 1027 | + left: 0.02666667rem; | ||
| 750 | } | 1028 | } |
| 751 | .gx-mobile #newsContent .preview-video .player-mini-layer { | 1029 | .gx-mobile #newsContent .preview-video .player-mini-layer { |
| 752 | display: flex; | 1030 | display: flex; |
| @@ -788,8 +1066,8 @@ | @@ -788,8 +1066,8 @@ | ||
| 788 | } | 1066 | } |
| 789 | .gx-mobile #newsContent .audio-warpper { | 1067 | .gx-mobile #newsContent .audio-warpper { |
| 790 | display: block; | 1068 | display: block; |
| 791 | - margin: 15px 0; | ||
| 792 | - height: 44px; | 1069 | + margin: 0.4rem 0; |
| 1070 | + height: 1.17333333rem; | ||
| 793 | } | 1071 | } |
| 794 | .gx-mobile #newsContent audio { | 1072 | .gx-mobile #newsContent audio { |
| 795 | display: none; | 1073 | display: none; |
| @@ -824,10 +1102,13 @@ | @@ -824,10 +1102,13 @@ | ||
| 824 | justify-content: center; | 1102 | justify-content: center; |
| 825 | position: relative; | 1103 | position: relative; |
| 826 | width: 100%; | 1104 | width: 100%; |
| 827 | - margin-bottom: 0.42666667rem; | 1105 | + margin: 0.42666667rem auto !important; |
| 828 | border-radius: 0.08rem; | 1106 | border-radius: 0.08rem; |
| 829 | overflow: hidden; | 1107 | overflow: hidden; |
| 830 | } | 1108 | } |
| 1109 | +.gx-mobile #newsContent .preview-image-block + .preview-image-block { | ||
| 1110 | + margin-top: 0 !important; | ||
| 1111 | +} | ||
| 831 | .gx-mobile #newsContent .preview-image-block a { | 1112 | .gx-mobile #newsContent .preview-image-block a { |
| 832 | position: relative; | 1113 | position: relative; |
| 833 | display: block; | 1114 | display: block; |
| @@ -837,10 +1118,6 @@ | @@ -837,10 +1118,6 @@ | ||
| 837 | align-items: center; | 1118 | align-items: center; |
| 838 | justify-content: center; | 1119 | justify-content: center; |
| 839 | } | 1120 | } |
| 840 | -.gx-mobile #newsContent .preview-image-block a > img { | ||
| 841 | - width: 100%; | ||
| 842 | - object-fit: contain; | ||
| 843 | -} | ||
| 844 | .gx-mobile #newsContent .preview-image-block a > img.image-player { | 1121 | .gx-mobile #newsContent .preview-image-block a > img.image-player { |
| 845 | display: none; | 1122 | display: none; |
| 846 | } | 1123 | } |
| @@ -864,9 +1141,6 @@ | @@ -864,9 +1141,6 @@ | ||
| 864 | .gx-mobile #newsContent .preview-image-block.error img.preview-image-error { | 1141 | .gx-mobile #newsContent .preview-image-block.error img.preview-image-error { |
| 865 | display: block !important; | 1142 | display: block !important; |
| 866 | } | 1143 | } |
| 867 | -.gx-mobile #newsContent .preview-image-block.success { | ||
| 868 | - background: #EDEDED; | ||
| 869 | -} | ||
| 870 | .gx-mobile #newsContent .preview-image-block.success img.preview-image-placehold, | 1144 | .gx-mobile #newsContent .preview-image-block.success img.preview-image-placehold, |
| 871 | .gx-mobile #newsContent .preview-image-block.success .img.preview-image-error { | 1145 | .gx-mobile #newsContent .preview-image-block.success .img.preview-image-error { |
| 872 | display: none !important; | 1146 | display: none !important; |
| @@ -891,8 +1165,7 @@ | @@ -891,8 +1165,7 @@ | ||
| 891 | display: none; | 1165 | display: none; |
| 892 | } | 1166 | } |
| 893 | .gx-mobile #newsContent .preview-image-block > img { | 1167 | .gx-mobile #newsContent .preview-image-block > img { |
| 894 | - width: 100%; | ||
| 895 | - object-fit: contain; | 1168 | + width: auto; |
| 896 | margin: unset; | 1169 | margin: unset; |
| 897 | } | 1170 | } |
| 898 | .gx-mobile #newsContent .preview-image-block > img.image-player { | 1171 | .gx-mobile #newsContent .preview-image-block > img.image-player { |
| @@ -913,7 +1186,6 @@ | @@ -913,7 +1186,6 @@ | ||
| 913 | display: block; | 1186 | display: block; |
| 914 | top: 0.21333333rem; | 1187 | top: 0.21333333rem; |
| 915 | right: 0.21333333rem; | 1188 | right: 0.21333333rem; |
| 916 | - width: 1.17333333rem; | ||
| 917 | height: 0.48rem; | 1189 | height: 0.48rem; |
| 918 | border-radius: 0.05333333rem; | 1190 | border-radius: 0.05333333rem; |
| 919 | background: rgba(0, 0, 0, 0.3); | 1191 | background: rgba(0, 0, 0, 0.3); |
| @@ -923,7 +1195,7 @@ | @@ -923,7 +1195,7 @@ | ||
| 923 | margin: unset; | 1195 | margin: unset; |
| 924 | width: 0.37333333rem; | 1196 | width: 0.37333333rem; |
| 925 | height: 0.37333333rem; | 1197 | height: 0.37333333rem; |
| 926 | - margin-left: 0.10666667rem; | 1198 | + margin-left: 0.08rem; |
| 927 | margin-top: 0.05333333rem; | 1199 | margin-top: 0.05333333rem; |
| 928 | max-width: unset !important; | 1200 | max-width: unset !important; |
| 929 | display: inline-block !important; | 1201 | display: inline-block !important; |
| @@ -933,7 +1205,7 @@ | @@ -933,7 +1205,7 @@ | ||
| 933 | font-size: 0.29333333rem; | 1205 | font-size: 0.29333333rem; |
| 934 | line-height: 0.42666667rem; | 1206 | line-height: 0.42666667rem; |
| 935 | margin-left: 0.05333333rem; | 1207 | margin-left: 0.05333333rem; |
| 936 | - margin-right: 0.05333333rem; | 1208 | + margin-right: 0.08rem; |
| 937 | margin-top: 0.02666667rem; | 1209 | margin-top: 0.02666667rem; |
| 938 | color: #FFFFFF; | 1210 | color: #FFFFFF; |
| 939 | } | 1211 | } |
| @@ -1103,16 +1375,16 @@ | @@ -1103,16 +1375,16 @@ | ||
| 1103 | background: #F9F9F9; | 1375 | background: #F9F9F9; |
| 1104 | border-radius: 0.10666667rem; | 1376 | border-radius: 0.10666667rem; |
| 1105 | } | 1377 | } |
| 1106 | -.vote .title { | 1378 | +.vote .vote-title { |
| 1107 | width: 100%; | 1379 | width: 100%; |
| 1108 | margin-top: 0; | 1380 | margin-top: 0; |
| 1109 | font-size: 0.42667rem; | 1381 | font-size: 0.42667rem; |
| 1110 | - line-height: 0.64rem; | 1382 | + line-height: 0.58666667rem; |
| 1111 | font-weight: bold; | 1383 | font-weight: bold; |
| 1112 | color: #000; | 1384 | color: #000; |
| 1113 | margin-bottom: 0.32rem !important; | 1385 | margin-bottom: 0.32rem !important; |
| 1114 | } | 1386 | } |
| 1115 | -.vote .title .t-icon { | 1387 | +.vote .vote-title .t-icon { |
| 1116 | width: 1.36rem; | 1388 | width: 1.36rem; |
| 1117 | height: 0.48rem; | 1389 | height: 0.48rem; |
| 1118 | margin-right: 0.13333rem; | 1390 | margin-right: 0.13333rem; |
| @@ -1121,13 +1393,13 @@ | @@ -1121,13 +1393,13 @@ | ||
| 1121 | float: left; | 1393 | float: left; |
| 1122 | z-index: 99999; | 1394 | z-index: 99999; |
| 1123 | } | 1395 | } |
| 1124 | -.vote .title .t-icon .icon-img { | 1396 | +.vote .vote-title .t-icon .icon-img { |
| 1125 | width: 0.48rem; | 1397 | width: 0.48rem; |
| 1126 | height: 0.48rem; | 1398 | height: 0.48rem; |
| 1127 | background-image: url("../image/vote/icon_live.png"); | 1399 | background-image: url("../image/vote/icon_live.png"); |
| 1128 | background-size: 100% 100%; | 1400 | background-size: 100% 100%; |
| 1129 | } | 1401 | } |
| 1130 | -.vote .title .t-icon span { | 1402 | +.vote .vote-title .t-icon span { |
| 1131 | width: 0.88rem; | 1403 | width: 0.88rem; |
| 1132 | height: 0.48rem; | 1404 | height: 0.48rem; |
| 1133 | line-height: 0.48rem; | 1405 | line-height: 0.48rem; |
| @@ -1146,70 +1418,92 @@ | @@ -1146,70 +1418,92 @@ | ||
| 1146 | color: #555555; | 1418 | color: #555555; |
| 1147 | } | 1419 | } |
| 1148 | .vote .btns1 { | 1420 | .vote .btns1 { |
| 1421 | + position: relative; | ||
| 1149 | display: flex; | 1422 | display: flex; |
| 1150 | justify-content: space-between; | 1423 | justify-content: space-between; |
| 1151 | } | 1424 | } |
| 1152 | .vote .btns1 .s { | 1425 | .vote .btns1 .s { |
| 1153 | width: 4.21653rem; | 1426 | width: 4.21653rem; |
| 1154 | - border-radius: 0.02667rem; | ||
| 1155 | font-size: 0.37333rem; | 1427 | font-size: 0.37333rem; |
| 1156 | display: flex; | 1428 | display: flex; |
| 1157 | align-items: center; | 1429 | align-items: center; |
| 1158 | justify-content: center; | 1430 | justify-content: center; |
| 1159 | color: #fff; | 1431 | color: #fff; |
| 1160 | padding: 0.21333rem 0.32rem; | 1432 | padding: 0.21333rem 0.32rem; |
| 1433 | + line-height: 0.42666667rem; | ||
| 1434 | +} | ||
| 1435 | +.vote .btns1 .s.none { | ||
| 1436 | + opacity: 0; | ||
| 1437 | + visibility: hidden; | ||
| 1438 | +} | ||
| 1439 | +.vote .btns1 .s.active { | ||
| 1440 | + position: absolute; | ||
| 1161 | } | 1441 | } |
| 1162 | .vote .btns1 .s1 { | 1442 | .vote .btns1 .s1 { |
| 1163 | background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%); | 1443 | background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%); |
| 1164 | border-top-left-radius: 0.08rem; | 1444 | border-top-left-radius: 0.08rem; |
| 1165 | - border-top-right-radius: 0.08rem; | ||
| 1166 | - border-bottom-right-radius: 0.2rem; | ||
| 1167 | border-bottom-left-radius: 0.08rem; | 1445 | border-bottom-left-radius: 0.08rem; |
| 1168 | } | 1446 | } |
| 1447 | +.vote .btns1 .s1.active { | ||
| 1448 | + top: 0; | ||
| 1449 | + left: 0; | ||
| 1450 | + height: 100%; | ||
| 1451 | +} | ||
| 1169 | .vote .btns1 .s2 { | 1452 | .vote .btns1 .s2 { |
| 1170 | background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%); | 1453 | background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%); |
| 1171 | - border-top-left-radius: 0.2rem; | ||
| 1172 | border-top-right-radius: 0.08rem; | 1454 | border-top-right-radius: 0.08rem; |
| 1173 | - border-bottom-left-radius: 0.08rem; | ||
| 1174 | border-bottom-right-radius: 0.08rem; | 1455 | border-bottom-right-radius: 0.08rem; |
| 1175 | } | 1456 | } |
| 1457 | +.vote .btns1 .s2.active { | ||
| 1458 | + top: 0; | ||
| 1459 | + right: 0; | ||
| 1460 | + height: 100%; | ||
| 1461 | +} | ||
| 1176 | .vote .aft.anmite-vote .jdat .s1 { | 1462 | .vote .aft.anmite-vote .jdat .s1 { |
| 1177 | animation: voteProgressIn; | 1463 | animation: voteProgressIn; |
| 1178 | animation-duration: 1s; | 1464 | animation-duration: 1s; |
| 1179 | animation-fill-mode: forwards; | 1465 | animation-fill-mode: forwards; |
| 1180 | } | 1466 | } |
| 1467 | +.vote .aft.anmite-vote .jdat .s2 { | ||
| 1468 | + animation: voteProgressInTwo; | ||
| 1469 | + animation-duration: 1s; | ||
| 1470 | + animation-fill-mode: forwards; | ||
| 1471 | +} | ||
| 1181 | .vote .aft .jdat { | 1472 | .vote .aft .jdat { |
| 1182 | height: 0.29333rem; | 1473 | height: 0.29333rem; |
| 1183 | display: flex; | 1474 | display: flex; |
| 1184 | } | 1475 | } |
| 1185 | .vote .aft .jdat .pkjd-box { | 1476 | .vote .aft .jdat .pkjd-box { |
| 1477 | + position: relative; | ||
| 1186 | display: flex; | 1478 | display: flex; |
| 1187 | width: 100%; | 1479 | width: 100%; |
| 1480 | + height: 0.29333rem; | ||
| 1188 | } | 1481 | } |
| 1189 | .vote .aft .jdat .s { | 1482 | .vote .aft .jdat .s { |
| 1190 | display: inline-block; | 1483 | display: inline-block; |
| 1191 | height: 0.29333rem; | 1484 | height: 0.29333rem; |
| 1192 | } | 1485 | } |
| 1193 | .vote .aft .jdat .s1 { | 1486 | .vote .aft .jdat .s1 { |
| 1487 | + position: absolute; | ||
| 1488 | + left: 0; | ||
| 1489 | + top: 0; | ||
| 1194 | width: 50%; | 1490 | width: 50%; |
| 1195 | flex-shrink: 0; | 1491 | flex-shrink: 0; |
| 1196 | height: 0.29333rem; | 1492 | height: 0.29333rem; |
| 1197 | background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%); | 1493 | background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%); |
| 1198 | border-top-left-radius: 0.02666667rem; | 1494 | border-top-left-radius: 0.02666667rem; |
| 1199 | border-bottom-left-radius: 0.02666667rem; | 1495 | border-bottom-left-radius: 0.02666667rem; |
| 1200 | - border-top-right-radius: 0.048rem; | ||
| 1201 | - border-bottom-right-radius: 0.16rem; | ||
| 1202 | transition: all; | 1496 | transition: all; |
| 1203 | } | 1497 | } |
| 1204 | .vote .aft .jdat .s2 { | 1498 | .vote .aft .jdat .s2 { |
| 1205 | - flex: 1; | ||
| 1206 | - flex-shrink: 0; | 1499 | + position: absolute; |
| 1500 | + right: 0; | ||
| 1501 | + top: 0; | ||
| 1207 | height: 0.29333rem; | 1502 | height: 0.29333rem; |
| 1208 | background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%); | 1503 | background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%); |
| 1209 | - border-top-left-radius: 0.16rem; | ||
| 1210 | border-top-right-radius: 0.02666667rem; | 1504 | border-top-right-radius: 0.02666667rem; |
| 1211 | border-bottom-right-radius: 0.02666667rem; | 1505 | border-bottom-right-radius: 0.02666667rem; |
| 1212 | - border-bottom-left-radius: 0.048rem; | 1506 | + transition: all; |
| 1213 | } | 1507 | } |
| 1214 | .vote .aft .bf { | 1508 | .vote .aft .bf { |
| 1215 | display: flex; | 1509 | display: flex; |
| @@ -1248,7 +1542,7 @@ | @@ -1248,7 +1542,7 @@ | ||
| 1248 | .vote .aft .bf .lt .lt-s2 { | 1542 | .vote .aft .bf .lt .lt-s2 { |
| 1249 | color: #555555; | 1543 | color: #555555; |
| 1250 | } | 1544 | } |
| 1251 | -.vote .aft .bf .lt img { | 1545 | +.vote .aft .bf .lt .vote-image-icon { |
| 1252 | width: 0.32rem; | 1546 | width: 0.32rem; |
| 1253 | height: 0.32rem; | 1547 | height: 0.32rem; |
| 1254 | margin-top: 0.08rem; | 1548 | margin-top: 0.08rem; |
| @@ -1275,7 +1569,7 @@ | @@ -1275,7 +1569,7 @@ | ||
| 1275 | .vote .aft .bf .rt .lt-s2 { | 1569 | .vote .aft .bf .rt .lt-s2 { |
| 1276 | color: #555555; | 1570 | color: #555555; |
| 1277 | } | 1571 | } |
| 1278 | -.vote .aft .bf .rt img { | 1572 | +.vote .aft .bf .rt .vote-image-icon { |
| 1279 | width: 0.32rem; | 1573 | width: 0.32rem; |
| 1280 | height: 0.32rem; | 1574 | height: 0.32rem; |
| 1281 | margin-top: 0.08rem; | 1575 | margin-top: 0.08rem; |
| @@ -1399,7 +1693,8 @@ | @@ -1399,7 +1693,8 @@ | ||
| 1399 | .timeline .timeline_title { | 1693 | .timeline .timeline_title { |
| 1400 | margin-top: 0.42666667rem; | 1694 | margin-top: 0.42666667rem; |
| 1401 | margin-bottom: 0.16rem; | 1695 | margin-bottom: 0.16rem; |
| 1402 | - font-size: 0.45333333rem; | 1696 | + font-size: 0.48rem; |
| 1697 | + line-height: 0.66666667rem; | ||
| 1403 | font-weight: bold; | 1698 | font-weight: bold; |
| 1404 | color: #222222; | 1699 | color: #222222; |
| 1405 | overflow: hidden; | 1700 | overflow: hidden; |
| @@ -1420,6 +1715,10 @@ | @@ -1420,6 +1715,10 @@ | ||
| 1420 | .timeline .timeLine_list .timeLine_list_item:first-child { | 1715 | .timeline .timeLine_list .timeLine_list_item:first-child { |
| 1421 | padding-top: 0.21333333rem; | 1716 | padding-top: 0.21333333rem; |
| 1422 | } | 1717 | } |
| 1718 | +.timeline .timeLine_list .timeLine_list_item:first-child .timeLine_list_item_line { | ||
| 1719 | + top: 0.4rem; | ||
| 1720 | + height: calc(100% - 0.4rem); | ||
| 1721 | +} | ||
| 1423 | .timeline .timeLine_list .timeLine_list_item:last-child { | 1722 | .timeline .timeLine_list .timeLine_list_item:last-child { |
| 1424 | padding-bottom: 0.26666667rem; | 1723 | padding-bottom: 0.26666667rem; |
| 1425 | } | 1724 | } |
| @@ -1431,9 +1730,9 @@ | @@ -1431,9 +1730,9 @@ | ||
| 1431 | left: -0.34666667rem; | 1730 | left: -0.34666667rem; |
| 1432 | top: 0; | 1731 | top: 0; |
| 1433 | height: 100%; | 1732 | height: 100%; |
| 1434 | - opacity: 0.1; | ||
| 1435 | width: 0.02666667rem; | 1733 | width: 0.02666667rem; |
| 1436 | z-index: 1; | 1734 | z-index: 1; |
| 1735 | + background: #ededed; | ||
| 1437 | } | 1736 | } |
| 1438 | .timeline .timeLine_list_item_title { | 1737 | .timeline .timeLine_list_item_title { |
| 1439 | position: relative; | 1738 | position: relative; |
| @@ -1441,7 +1740,7 @@ | @@ -1441,7 +1740,7 @@ | ||
| 1441 | font-size: 0.37333333rem; | 1740 | font-size: 0.37333333rem; |
| 1442 | font-weight: bold; | 1741 | font-weight: bold; |
| 1443 | line-height: 0.42666667rem; | 1742 | line-height: 0.42666667rem; |
| 1444 | - color: #ED2800; | 1743 | + color: #222222; |
| 1445 | } | 1744 | } |
| 1446 | .timeline .timeLine_list_item_title .timeLine_list_item_title_icon { | 1745 | .timeline .timeLine_list_item_title .timeLine_list_item_title_icon { |
| 1447 | position: absolute; | 1746 | position: absolute; |
| @@ -1451,7 +1750,7 @@ | @@ -1451,7 +1750,7 @@ | ||
| 1451 | z-index: 10; | 1750 | z-index: 10; |
| 1452 | } | 1751 | } |
| 1453 | .timeline .timeLine_list_item_content { | 1752 | .timeline .timeLine_list_item_content { |
| 1454 | - font-size: 0.45333333rem; | 1753 | + font-size: 0.48rem; |
| 1455 | line-height: 0.66666667rem; | 1754 | line-height: 0.66666667rem; |
| 1456 | color: #222222; | 1755 | color: #222222; |
| 1457 | } | 1756 | } |
| @@ -1470,6 +1769,8 @@ | @@ -1470,6 +1769,8 @@ | ||
| 1470 | .timeline .timeline_more img { | 1769 | .timeline .timeline_more img { |
| 1471 | width: 0.42666667rem; | 1770 | width: 0.42666667rem; |
| 1472 | height: 0.42666667rem; | 1771 | height: 0.42666667rem; |
| 1772 | + top: -0.008rem; | ||
| 1773 | + position: relative; | ||
| 1473 | } | 1774 | } |
| 1474 | .email-sub { | 1775 | .email-sub { |
| 1475 | width: 9.14667rem; | 1776 | width: 9.14667rem; |
| @@ -1547,6 +1848,9 @@ | @@ -1547,6 +1848,9 @@ | ||
| 1547 | margin-bottom: 0.42666667rem; | 1848 | margin-bottom: 0.42666667rem; |
| 1548 | border-radius: 0.08rem; | 1849 | border-radius: 0.08rem; |
| 1549 | } | 1850 | } |
| 1851 | +#newsContent .swiper-block + .preview-image-block { | ||
| 1852 | + margin-top: 0 !important; | ||
| 1853 | +} | ||
| 1550 | #newsContent .swiper-block img { | 1854 | #newsContent .swiper-block img { |
| 1551 | object-fit: cover; | 1855 | object-fit: cover; |
| 1552 | height: 100%; | 1856 | height: 100%; |
| @@ -1600,6 +1904,9 @@ | @@ -1600,6 +1904,9 @@ | ||
| 1600 | background: #fff; | 1904 | background: #fff; |
| 1601 | margin-bottom: 0.42666667rem; | 1905 | margin-bottom: 0.42666667rem; |
| 1602 | } | 1906 | } |
| 1907 | +#newsContent .preview-audio-player + .preview-image-block { | ||
| 1908 | + margin-top: 0 !important; | ||
| 1909 | +} | ||
| 1603 | #newsContent .preview-audio-player.cover .left { | 1910 | #newsContent .preview-audio-player.cover .left { |
| 1604 | width: 2.13333333rem; | 1911 | width: 2.13333333rem; |
| 1605 | height: 2.13333333rem; | 1912 | height: 2.13333333rem; |
| @@ -1622,29 +1929,32 @@ | @@ -1622,29 +1929,32 @@ | ||
| 1622 | margin-left: 0.42666667rem; | 1929 | margin-left: 0.42666667rem; |
| 1623 | } | 1930 | } |
| 1624 | #newsContent .preview-audio-player .right .audio-title { | 1931 | #newsContent .preview-audio-player .right .audio-title { |
| 1625 | - width: 6.58666667rem; | ||
| 1626 | font-size: 0.4rem; | 1932 | font-size: 0.4rem; |
| 1627 | font-weight: bold; | 1933 | font-weight: bold; |
| 1628 | height: 0.45333333rem; | 1934 | height: 0.45333333rem; |
| 1629 | - line-height: 0.48rem; | 1935 | + line-height: 0.45333333rem; |
| 1630 | color: #222222; | 1936 | color: #222222; |
| 1631 | margin-bottom: 0.29333333rem; | 1937 | margin-bottom: 0.29333333rem; |
| 1632 | - display: -webkit-box; | ||
| 1633 | - -webkit-line-clamp: 1; | ||
| 1634 | - -webkit-box-orient: vertical; | 1938 | + position: relative; |
| 1939 | + display: flex; | ||
| 1940 | + flex: 1; | ||
| 1941 | + align-items: center; | ||
| 1635 | overflow: hidden; | 1942 | overflow: hidden; |
| 1636 | - text-overflow: ellipsis; | ||
| 1637 | - word-wrap: break-word; | 1943 | +} |
| 1944 | +#newsContent .preview-audio-player .right .audio-title .audio-notice-title { | ||
| 1945 | + position: absolute; | ||
| 1946 | + white-space: nowrap; | ||
| 1947 | + transition-timing-function: linear; | ||
| 1638 | } | 1948 | } |
| 1639 | #newsContent .preview-audio-player .right .audio-progress-block { | 1949 | #newsContent .preview-audio-player .right .audio-progress-block { |
| 1640 | - height: 2px; | 1950 | + height: 0.05333333rem; |
| 1641 | background: #f5f5f5; | 1951 | background: #f5f5f5; |
| 1642 | position: relative; | 1952 | position: relative; |
| 1643 | } | 1953 | } |
| 1644 | #newsContent .preview-audio-player .right .audio-progress-block .audio-progressed { | 1954 | #newsContent .preview-audio-player .right .audio-progress-block .audio-progressed { |
| 1645 | position: absolute; | 1955 | position: absolute; |
| 1646 | left: 0; | 1956 | left: 0; |
| 1647 | - height: 2px; | 1957 | + height: 0.05333333rem; |
| 1648 | top: 0; | 1958 | top: 0; |
| 1649 | background: #ED2800; | 1959 | background: #ED2800; |
| 1650 | } | 1960 | } |
| @@ -1653,9 +1963,10 @@ | @@ -1653,9 +1963,10 @@ | ||
| 1653 | align-items: center; | 1963 | align-items: center; |
| 1654 | justify-content: space-between; | 1964 | justify-content: space-between; |
| 1655 | font-size: 10px; | 1965 | font-size: 10px; |
| 1656 | - line-height: 12px; | 1966 | + font-size: 0.26666667rem; |
| 1967 | + line-height: 0.32rem; | ||
| 1657 | color: #B0B0B0; | 1968 | color: #B0B0B0; |
| 1658 | - margin-top: 4px; | 1969 | + margin-top: 0.10666667rem; |
| 1659 | } | 1970 | } |
| 1660 | #newsContent .preview-audio-player-cover { | 1971 | #newsContent .preview-audio-player-cover { |
| 1661 | display: flex; | 1972 | display: flex; |
| @@ -1667,6 +1978,9 @@ | @@ -1667,6 +1978,9 @@ | ||
| 1667 | padding: 0.21333333rem; | 1978 | padding: 0.21333333rem; |
| 1668 | margin-bottom: 0.42666667rem; | 1979 | margin-bottom: 0.42666667rem; |
| 1669 | } | 1980 | } |
| 1981 | +#newsContent .preview-audio-player-cover + .preview-image-block { | ||
| 1982 | + margin-top: 0 !important; | ||
| 1983 | +} | ||
| 1670 | #newsContent .preview-audio-player-cover .left { | 1984 | #newsContent .preview-audio-player-cover .left { |
| 1671 | width: 1.70666667rem; | 1985 | width: 1.70666667rem; |
| 1672 | height: 1.70666667rem; | 1986 | height: 1.70666667rem; |
| @@ -1680,14 +1994,18 @@ | @@ -1680,14 +1994,18 @@ | ||
| 1680 | #newsContent .preview-audio-player-cover .right .audio-title { | 1994 | #newsContent .preview-audio-player-cover .right .audio-title { |
| 1681 | font-size: 0.32rem; | 1995 | font-size: 0.32rem; |
| 1682 | font-weight: 500; | 1996 | font-weight: 500; |
| 1997 | + height: 0.42666667rem; | ||
| 1683 | line-height: 0.42666667rem; | 1998 | line-height: 0.42666667rem; |
| 1684 | color: #000000; | 1999 | color: #000000; |
| 1685 | - display: -webkit-box; | ||
| 1686 | - -webkit-line-clamp: 1; | ||
| 1687 | - -webkit-box-orient: vertical; | 2000 | + position: relative; |
| 2001 | + display: flex; | ||
| 2002 | + align-items: center; | ||
| 1688 | overflow: hidden; | 2003 | overflow: hidden; |
| 1689 | - text-overflow: ellipsis; | ||
| 1690 | - word-wrap: break-word; | 2004 | +} |
| 2005 | +#newsContent .preview-audio-player-cover .right .audio-title .audio-notice-title { | ||
| 2006 | + position: absolute; | ||
| 2007 | + white-space: nowrap; | ||
| 2008 | + transition-timing-function: linear; | ||
| 1691 | } | 2009 | } |
| 1692 | #newsContent .preview-audio-player-cover .right .audio-extra .audio-time { | 2010 | #newsContent .preview-audio-player-cover .right .audio-extra .audio-time { |
| 1693 | font-size: 0.26666667rem; | 2011 | font-size: 0.26666667rem; |
| @@ -1729,10 +2047,13 @@ | @@ -1729,10 +2047,13 @@ | ||
| 1729 | border-radius: 0.10666667rem; | 2047 | border-radius: 0.10666667rem; |
| 1730 | cursor: pointer; | 2048 | cursor: pointer; |
| 1731 | color: unset !important; | 2049 | color: unset !important; |
| 1732 | - margin-bottom: 0.42666667rem; | ||
| 1733 | text-decoration: unset !important; | 2050 | text-decoration: unset !important; |
| 1734 | background: #F5F5F5; | 2051 | background: #F5F5F5; |
| 1735 | border: 0.02666667rem solid rgba(0, 0, 0, 0.05); | 2052 | border: 0.02666667rem solid rgba(0, 0, 0, 0.05); |
| 2053 | + margin-bottom: 0.42666667rem; | ||
| 2054 | +} | ||
| 2055 | +#newsContent .preview-link-card-mobile + .preview-image-block { | ||
| 2056 | + margin-top: 0 !important; | ||
| 1736 | } | 2057 | } |
| 1737 | #newsContent .preview-link-card-mobile.card-image { | 2058 | #newsContent .preview-link-card-mobile.card-image { |
| 1738 | display: flex; | 2059 | display: flex; |
| @@ -1804,18 +2125,6 @@ | @@ -1804,18 +2125,6 @@ | ||
| 1804 | -webkit-box-orient: vertical; | 2125 | -webkit-box-orient: vertical; |
| 1805 | word-break: break-all; | 2126 | word-break: break-all; |
| 1806 | } | 2127 | } |
| 1807 | -.sharePoster { | ||
| 1808 | - height: 0.96rem; | ||
| 1809 | - position: relative; | ||
| 1810 | -} | ||
| 1811 | -.sharePoster .news { | ||
| 1812 | - width: 0.74666667rem; | ||
| 1813 | - height: 0.32rem; | ||
| 1814 | - position: absolute; | ||
| 1815 | - right: -0.21333333rem; | ||
| 1816 | - top: -0.13333333rem; | ||
| 1817 | - z-index: 11; | ||
| 1818 | -} | ||
| 1819 | .share { | 2128 | .share { |
| 1820 | margin-top: 0.64rem; | 2129 | margin-top: 0.64rem; |
| 1821 | height: 0.96rem; | 2130 | height: 0.96rem; |
| @@ -1823,6 +2132,19 @@ | @@ -1823,6 +2132,19 @@ | ||
| 1823 | .share .share-wrapper + .share-wrapper { | 2132 | .share .share-wrapper + .share-wrapper { |
| 1824 | margin-left: -0.10666667rem; | 2133 | margin-left: -0.10666667rem; |
| 1825 | } | 2134 | } |
| 2135 | +.share .share-wrapper img { | ||
| 2136 | + float: left; | ||
| 2137 | + height: 0.96rem; | ||
| 2138 | +} | ||
| 2139 | +.share .share-wrapper .image-first { | ||
| 2140 | + width: 0.26666667rem; | ||
| 2141 | +} | ||
| 2142 | +.share .share-wrapper .image-center { | ||
| 2143 | + width: calc(100% - 0.74666667rem); | ||
| 2144 | +} | ||
| 2145 | +.share .share-wrapper .image-end { | ||
| 2146 | + width: 0.48rem; | ||
| 2147 | +} | ||
| 1826 | .share .share-content { | 2148 | .share .share-content { |
| 1827 | display: flex; | 2149 | display: flex; |
| 1828 | align-items: center; | 2150 | align-items: center; |
| @@ -1838,16 +2160,40 @@ | @@ -1838,16 +2160,40 @@ | ||
| 1838 | height: 0.53333333rem; | 2160 | height: 0.53333333rem; |
| 1839 | } | 2161 | } |
| 1840 | .share .share-content span { | 2162 | .share .share-content span { |
| 2163 | + position: relative; | ||
| 1841 | margin-left: 0.08rem; | 2164 | margin-left: 0.08rem; |
| 1842 | font-size: 0.32rem; | 2165 | font-size: 0.32rem; |
| 2166 | + top: 0.01333333rem; | ||
| 1843 | color: #666666; | 2167 | color: #666666; |
| 1844 | } | 2168 | } |
| 2169 | +.sharePoster { | ||
| 2170 | + height: 0.96rem; | ||
| 2171 | + position: relative; | ||
| 2172 | +} | ||
| 2173 | +.sharePoster.share-wrapper .news { | ||
| 2174 | + width: 0.74666667rem; | ||
| 2175 | + height: 0.32rem; | ||
| 2176 | + position: absolute; | ||
| 2177 | + right: -0.21333333rem; | ||
| 2178 | + top: -0.13333333rem; | ||
| 2179 | + z-index: 11; | ||
| 2180 | + float: none; | ||
| 2181 | +} | ||
| 1845 | .share-wechat { | 2182 | .share-wechat { |
| 1846 | height: 0.96rem; | 2183 | height: 0.96rem; |
| 1847 | } | 2184 | } |
| 1848 | .share-wechat.center .share-content { | 2185 | .share-wechat.center .share-content { |
| 1849 | left: calc(45% + 0.25rem); | 2186 | left: calc(45% + 0.25rem); |
| 1850 | } | 2187 | } |
| 2188 | +.share-wechat.center.share-wrapper .image-first { | ||
| 2189 | + width: 0.42666667rem; | ||
| 2190 | +} | ||
| 2191 | +.share-wechat.center.share-wrapper .image-center { | ||
| 2192 | + width: calc(100% - 0.85333333rem); | ||
| 2193 | +} | ||
| 2194 | +.share-wechat.center.share-wrapper .image-end { | ||
| 2195 | + width: 0.42666667rem; | ||
| 2196 | +} | ||
| 1851 | .share-wechat .share-content { | 2197 | .share-wechat .share-content { |
| 1852 | left: calc(45% + 0.2rem); | 2198 | left: calc(45% + 0.2rem); |
| 1853 | } | 2199 | } |
| @@ -1858,30 +2204,36 @@ | @@ -1858,30 +2204,36 @@ | ||
| 1858 | left: calc(45% + 0.2rem); | 2204 | left: calc(45% + 0.2rem); |
| 1859 | min-width: 1.8rem; | 2205 | min-width: 1.8rem; |
| 1860 | } | 2206 | } |
| 2207 | +.share-wechat-circle.share-wrapper .image-first { | ||
| 2208 | + width: 0.42666667rem; | ||
| 2209 | +} | ||
| 2210 | +.share-wechat-circle.share-wrapper .image-center { | ||
| 2211 | + width: calc(100% - 0.85333333rem); | ||
| 2212 | +} | ||
| 2213 | +.share-wechat-circle.share-wrapper .image-end { | ||
| 2214 | + width: 0.42666667rem; | ||
| 2215 | +} | ||
| 1861 | .share-weibo { | 2216 | .share-weibo { |
| 1862 | height: 0.96rem; | 2217 | height: 0.96rem; |
| 1863 | } | 2218 | } |
| 1864 | .share-weibo .share-content { | 2219 | .share-weibo .share-content { |
| 1865 | left: calc(45% + 0.4rem); | 2220 | left: calc(45% + 0.4rem); |
| 1866 | } | 2221 | } |
| 2222 | +.share-weibo.share-wrapper .image-first { | ||
| 2223 | + width: 0.48rem; | ||
| 2224 | +} | ||
| 2225 | +.share-weibo.share-wrapper .image-center { | ||
| 2226 | + width: calc(100% - 0.74666667rem); | ||
| 2227 | +} | ||
| 2228 | +.share-weibo.share-wrapper .image-end { | ||
| 2229 | + width: 0.26666667rem; | ||
| 2230 | +} | ||
| 1867 | .share-box { | 2231 | .share-box { |
| 1868 | float: left; | 2232 | float: left; |
| 1869 | box-sizing: border-box; | 2233 | box-sizing: border-box; |
| 1870 | width: 33.3%; | 2234 | width: 33.3%; |
| 1871 | position: relative; | 2235 | position: relative; |
| 1872 | } | 2236 | } |
| 1873 | -.share-box:before { | ||
| 1874 | - content: ''; | ||
| 1875 | - position: absolute; | ||
| 1876 | - left: 0; | ||
| 1877 | - top: 0; | ||
| 1878 | - width: calc(100% - 0.42666667rem); | ||
| 1879 | - height: 0.90666667rem; | ||
| 1880 | - border: 1px solid #EDEDED; | ||
| 1881 | - border-right: 0; | ||
| 1882 | - border-top-left-radius: 0.08rem; | ||
| 1883 | - border-bottom-left-radius: 0.08rem; | ||
| 1884 | -} | ||
| 1885 | .share-box-center { | 2237 | .share-box-center { |
| 1886 | float: left; | 2238 | float: left; |
| 1887 | box-sizing: border-box; | 2239 | box-sizing: border-box; |
| @@ -1945,11 +2297,14 @@ | @@ -1945,11 +2297,14 @@ | ||
| 1945 | height: 1.06666667rem; | 2297 | height: 1.06666667rem; |
| 1946 | padding-left: 0; | 2298 | padding-left: 0; |
| 1947 | overflow: hidden; | 2299 | overflow: hidden; |
| 1948 | - margin-bottom: 0.42666667rem; | ||
| 1949 | border-radius: 0.10666667rem; | 2300 | border-radius: 0.10666667rem; |
| 1950 | background: #FFFFFF; | 2301 | background: #FFFFFF; |
| 1951 | border: 0.02666667rem solid rgba(0, 0, 0, 0.05); | 2302 | border: 0.02666667rem solid rgba(0, 0, 0, 0.05); |
| 1952 | box-shadow: 0px 0.05333333rem 0.21333333rem 0px rgba(0, 0, 0, 0.05); | 2303 | box-shadow: 0px 0.05333333rem 0.21333333rem 0px rgba(0, 0, 0, 0.05); |
| 2304 | + margin-bottom: 0.42666667rem; | ||
| 2305 | +} | ||
| 2306 | +#newsContent .en-scroll-text + .preview-image-block { | ||
| 2307 | + margin-top: 0 !important; | ||
| 1953 | } | 2308 | } |
| 1954 | #newsContent .en-scroll-text::after { | 2309 | #newsContent .en-scroll-text::after { |
| 1955 | content: ""; | 2310 | content: ""; |
| @@ -1994,6 +2349,9 @@ | @@ -1994,6 +2349,9 @@ | ||
| 1994 | #newsContent .en-echart { | 2349 | #newsContent .en-echart { |
| 1995 | margin-bottom: 0.42666667rem; | 2350 | margin-bottom: 0.42666667rem; |
| 1996 | } | 2351 | } |
| 2352 | +#newsContent .en-echart + .preview-image-block { | ||
| 2353 | + margin-top: 0 !important; | ||
| 2354 | +} | ||
| 1997 | #newsContent .en-echart .en-echart-title { | 2355 | #newsContent .en-echart .en-echart-title { |
| 1998 | font-size: 0.37333333rem; | 2356 | font-size: 0.37333333rem; |
| 1999 | line-height: 0.48rem; | 2357 | line-height: 0.48rem; |
| @@ -2016,6 +2374,9 @@ | @@ -2016,6 +2374,9 @@ | ||
| 2016 | flex-direction: column; | 2374 | flex-direction: column; |
| 2017 | margin-bottom: 0.42666667rem; | 2375 | margin-bottom: 0.42666667rem; |
| 2018 | } | 2376 | } |
| 2377 | +#newsContent .en-table + .preview-image-block { | ||
| 2378 | + margin-top: 0 !important; | ||
| 2379 | +} | ||
| 2019 | #newsContent .en-table .en-table-title { | 2380 | #newsContent .en-table .en-table-title { |
| 2020 | font-size: 0.37333333rem; | 2381 | font-size: 0.37333333rem; |
| 2021 | line-height: 0.48rem; | 2382 | line-height: 0.48rem; |
| @@ -2025,11 +2386,14 @@ | @@ -2025,11 +2386,14 @@ | ||
| 2025 | word-break: break-all; | 2386 | word-break: break-all; |
| 2026 | } | 2387 | } |
| 2027 | #newsContent .en-text-1 { | 2388 | #newsContent .en-text-1 { |
| 2028 | - padding: 0.32rem; | 2389 | + padding: 0.42666667rem 0.32rem 0.42666667rem 0.29333333rem; |
| 2029 | border-left: 0.05866667rem solid #ED2800; | 2390 | border-left: 0.05866667rem solid #ED2800; |
| 2030 | background: #faf3f4; | 2391 | background: #faf3f4; |
| 2031 | margin-bottom: 0.42666667rem; | 2392 | margin-bottom: 0.42666667rem; |
| 2032 | } | 2393 | } |
| 2394 | +#newsContent .en-text-1 + .preview-image-block { | ||
| 2395 | + margin-top: 0 !important; | ||
| 2396 | +} | ||
| 2033 | #newsContent .en-text-1-title { | 2397 | #newsContent .en-text-1-title { |
| 2034 | position: relative; | 2398 | position: relative; |
| 2035 | font-size: 0.4rem; | 2399 | font-size: 0.4rem; |
| @@ -2049,6 +2413,9 @@ | @@ -2049,6 +2413,9 @@ | ||
| 2049 | border: 0.08rem solid #ED2800; | 2413 | border: 0.08rem solid #ED2800; |
| 2050 | margin-bottom: 0.42666667rem; | 2414 | margin-bottom: 0.42666667rem; |
| 2051 | } | 2415 | } |
| 2416 | +#newsContent .en-text-2 + .preview-image-block { | ||
| 2417 | + margin-top: 0 !important; | ||
| 2418 | +} | ||
| 2052 | #newsContent .en-text-2-title { | 2419 | #newsContent .en-text-2-title { |
| 2053 | padding: 0.32rem; | 2420 | padding: 0.32rem; |
| 2054 | border: 0.02666667rem solid #ED2800; | 2421 | border: 0.02666667rem solid #ED2800; |
| @@ -2062,6 +2429,9 @@ | @@ -2062,6 +2429,9 @@ | ||
| 2062 | padding: 0.42666667rem 0.32rem 0.32rem 0.32rem; | 2429 | padding: 0.42666667rem 0.32rem 0.32rem 0.32rem; |
| 2063 | margin-bottom: 0.42666667rem; | 2430 | margin-bottom: 0.42666667rem; |
| 2064 | } | 2431 | } |
| 2432 | +#newsContent .en-text-3 + .preview-image-block { | ||
| 2433 | + margin-top: 0 !important; | ||
| 2434 | +} | ||
| 2065 | #newsContent .en-text-3 .en-text-3-title { | 2435 | #newsContent .en-text-3 .en-text-3-title { |
| 2066 | display: flex; | 2436 | display: flex; |
| 2067 | align-items: center; | 2437 | align-items: center; |
| @@ -2087,19 +2457,25 @@ | @@ -2087,19 +2457,25 @@ | ||
| 2087 | color: #000000; | 2457 | color: #000000; |
| 2088 | } | 2458 | } |
| 2089 | #newsContent .en-text-4 { | 2459 | #newsContent .en-text-4 { |
| 2460 | + display: flex; | ||
| 2461 | + align-items: center; | ||
| 2462 | + justify-content: center; | ||
| 2463 | + margin-bottom: 0.42666667rem; | ||
| 2464 | +} | ||
| 2465 | +#newsContent .en-text-4 + .preview-image-block { | ||
| 2466 | + margin-top: 0 !important; | ||
| 2467 | +} | ||
| 2468 | +#newsContent .en-text-4 .en-text-4-block { | ||
| 2090 | position: relative; | 2469 | position: relative; |
| 2091 | display: flex; | 2470 | display: flex; |
| 2092 | align-items: center; | 2471 | align-items: center; |
| 2093 | justify-content: center; | 2472 | justify-content: center; |
| 2094 | color: #fff; | 2473 | color: #fff; |
| 2095 | - width: 5.30666667rem; | ||
| 2096 | - height: 1.17333333rem; | 2474 | + padding: 0.29333333rem 0.64rem; |
| 2097 | background-repeat: no-repeat; | 2475 | background-repeat: no-repeat; |
| 2098 | background-size: 100%; | 2476 | background-size: 100%; |
| 2099 | font-size: 0.48rem; | 2477 | font-size: 0.48rem; |
| 2100 | line-height: 0.58666667rem; | 2478 | line-height: 0.58666667rem; |
| 2101 | - margin: 0 auto; | ||
| 2102 | - margin-bottom: 0.42666667rem; | ||
| 2103 | } | 2479 | } |
| 2104 | #newsContent .en-text-4 .en-text-4-end { | 2480 | #newsContent .en-text-4 .en-text-4-end { |
| 2105 | position: absolute; | 2481 | position: absolute; |
| @@ -2117,6 +2493,9 @@ | @@ -2117,6 +2493,9 @@ | ||
| 2117 | justify-content: center; | 2493 | justify-content: center; |
| 2118 | margin-bottom: 0.42666667rem; | 2494 | margin-bottom: 0.42666667rem; |
| 2119 | } | 2495 | } |
| 2496 | +#newsContent .en-text-5 + .preview-image-block { | ||
| 2497 | + margin-top: 0 !important; | ||
| 2498 | +} | ||
| 2120 | #newsContent .en-text-5-block { | 2499 | #newsContent .en-text-5-block { |
| 2121 | display: flex; | 2500 | display: flex; |
| 2122 | align-items: center; | 2501 | align-items: center; |
| @@ -2130,6 +2509,7 @@ | @@ -2130,6 +2509,7 @@ | ||
| 2130 | height: 1.17333333rem; | 2509 | height: 1.17333333rem; |
| 2131 | background: #ED2800; | 2510 | background: #ED2800; |
| 2132 | color: #fff; | 2511 | color: #fff; |
| 2512 | + font-weight: bold; | ||
| 2133 | font-size: 0.48rem; | 2513 | font-size: 0.48rem; |
| 2134 | line-height: 0.58666667rem; | 2514 | line-height: 0.58666667rem; |
| 2135 | color: #FFFFFF; | 2515 | color: #FFFFFF; |
| @@ -2138,9 +2518,10 @@ | @@ -2138,9 +2518,10 @@ | ||
| 2138 | display: flex; | 2518 | display: flex; |
| 2139 | align-items: center; | 2519 | align-items: center; |
| 2140 | justify-content: center; | 2520 | justify-content: center; |
| 2141 | - width: 5.06666667rem; | 2521 | + padding: 0 0.64rem 0 0.42666667rem; |
| 2142 | height: 1.17333333rem; | 2522 | height: 1.17333333rem; |
| 2143 | background: #f4e8e9; | 2523 | background: #f4e8e9; |
| 2524 | + font-weight: bold; | ||
| 2144 | font-size: 0.48rem; | 2525 | font-size: 0.48rem; |
| 2145 | line-height: 0.58666667rem; | 2526 | line-height: 0.58666667rem; |
| 2146 | color: #ED2800; | 2527 | color: #ED2800; |
| @@ -2150,7 +2531,6 @@ | @@ -2150,7 +2531,6 @@ | ||
| 2150 | font-size: 0.32rem; | 2531 | font-size: 0.32rem; |
| 2151 | line-height: 0.37333333rem; | 2532 | line-height: 0.37333333rem; |
| 2152 | color: #CCCCCC; | 2533 | color: #CCCCCC; |
| 2153 | - text-align: justify; | ||
| 2154 | } | 2534 | } |
| 2155 | .active-wrapper { | 2535 | .active-wrapper { |
| 2156 | margin-top: 0.53333333rem; | 2536 | margin-top: 0.53333333rem; |
| @@ -2203,21 +2583,8 @@ | @@ -2203,21 +2583,8 @@ | ||
| 2203 | } | 2583 | } |
| 2204 | .article-source { | 2584 | .article-source { |
| 2205 | position: relative; | 2585 | position: relative; |
| 2206 | - padding-left: 0.18666667rem; | ||
| 2207 | margin-right: 0.21333333rem; | 2586 | margin-right: 0.21333333rem; |
| 2208 | } | 2587 | } |
| 2209 | -.article-source:before { | ||
| 2210 | - display: block; | ||
| 2211 | - left: 0; | ||
| 2212 | - top: 0.08rem; | ||
| 2213 | - position: absolute; | ||
| 2214 | - content: ''; | ||
| 2215 | - background-image: url("../../../../../../../wdComponent/src/main/resources/rawfile/apph5/image/sourceIocn.svg"); | ||
| 2216 | - background-repeat: no-repeat; | ||
| 2217 | - background-size: 100%; | ||
| 2218 | - width: 0.08rem; | ||
| 2219 | - height: 0.37333333rem; | ||
| 2220 | -} | ||
| 2221 | @keyframes voteProgressFull { | 2588 | @keyframes voteProgressFull { |
| 2222 | 100% { | 2589 | 100% { |
| 2223 | width: 100%; | 2590 | width: 100%; |
| 1 | -{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.css"} | ||
| 1 | +{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.css"} |
| @@ -52,7 +52,7 @@ | @@ -52,7 +52,7 @@ | ||
| 52 | } | 52 | } |
| 53 | 53 | ||
| 54 | .app-skeleton-loading { | 54 | .app-skeleton-loading { |
| 55 | - padding: (12 / 37.5rem) (18 / 37.5rem); | 55 | + padding: (10 / 37.5rem) (18 / 37.5rem); |
| 56 | } | 56 | } |
| 57 | 57 | ||
| 58 | .app-skeleton-loading.none { | 58 | .app-skeleton-loading.none { |
| @@ -60,22 +60,54 @@ | @@ -60,22 +60,54 @@ | ||
| 60 | } | 60 | } |
| 61 | 61 | ||
| 62 | .gx-mobile { | 62 | .gx-mobile { |
| 63 | - padding: (9 / 37.5rem) (18 / 37.5rem) 0; | 63 | + padding: (10 / 37.5rem) (18 / 37.5rem) 0; |
| 64 | + | ||
| 65 | + &.rmrb-article { | ||
| 66 | + #newsContent { | ||
| 67 | + p, li, h1, h2, h3, h4, h5, h6, a, section, div, span, ol, mark, ul { | ||
| 68 | + text-indent: 0 !important; | ||
| 69 | + } | ||
| 70 | + } | ||
| 71 | + } | ||
| 64 | 72 | ||
| 65 | .short-title { | 73 | .short-title { |
| 66 | color: @color_1; | 74 | color: @color_1; |
| 67 | - font-size: 0.4rem; | 75 | + font-size: (17 / 37.5rem); |
| 76 | + line-height: (26 / 37.5rem); | ||
| 77 | + margin-bottom: (14 / 37.5rem); | ||
| 68 | font-weight: 400; | 78 | font-weight: 400; |
| 69 | - line-height: 0.48rem; | ||
| 70 | - margin-bottom: (12 / 37.5rem); | 79 | + word-break: break-all; |
| 80 | + white-space: pre-wrap; | ||
| 81 | + | ||
| 82 | + .global-line { | ||
| 83 | + position: relative; | ||
| 84 | + top: (-4.5 / 37.5rem); | ||
| 85 | + width: (15 / 37.5rem); | ||
| 86 | + background: @color_1; | ||
| 87 | + } | ||
| 71 | } | 88 | } |
| 72 | 89 | ||
| 73 | .title { | 90 | .title { |
| 74 | - font-size: (22 / 37.5rem); | ||
| 75 | - line-height: (30 / 37.5rem); | 91 | + font-size: (26 / 37.4545rem); |
| 92 | + line-height: (39 / 37.5rem); | ||
| 76 | font-weight: bold; | 93 | font-weight: bold; |
| 77 | color: #222; | 94 | color: #222; |
| 78 | margin-bottom: (8 / 37.5rem); | 95 | margin-bottom: (8 / 37.5rem); |
| 96 | + word-break: break-all; | ||
| 97 | + white-space: pre-wrap; | ||
| 98 | + | ||
| 99 | + .global-line { | ||
| 100 | + position: relative; | ||
| 101 | + top: (-8.5 / 37.5rem); | ||
| 102 | + width: (25 / 37.5rem); | ||
| 103 | + height: (2 / 37.5rem); | ||
| 104 | + background: #222; | ||
| 105 | + } | ||
| 106 | + } | ||
| 107 | + | ||
| 108 | + .global-line { | ||
| 109 | + display: inline-block; | ||
| 110 | + height: (1.25 / 37.5rem); | ||
| 79 | } | 111 | } |
| 80 | 112 | ||
| 81 | .down-title-box { | 113 | .down-title-box { |
| @@ -89,23 +121,74 @@ | @@ -89,23 +121,74 @@ | ||
| 89 | color: @color_3; | 121 | color: @color_3; |
| 90 | font-size: (17 / 37.5rem); | 122 | font-size: (17 / 37.5rem); |
| 91 | font-weight: 400; | 123 | font-weight: 400; |
| 92 | - line-height: 0.69333rem; | 124 | + line-height: (26 / 37.5rem); |
| 125 | + word-break: break-all; | ||
| 126 | + white-space: pre-wrap; | ||
| 127 | + | ||
| 128 | + .global-line { | ||
| 129 | + position: relative; | ||
| 130 | + top: (-5 / 37.5rem); | ||
| 131 | + width: (16 / 37.5rem); | ||
| 132 | + background: @color_3; | ||
| 133 | + } | ||
| 93 | } | 134 | } |
| 94 | } | 135 | } |
| 95 | 136 | ||
| 96 | .time.pageView { | 137 | .time.pageView { |
| 97 | - display: flex; | ||
| 98 | - flex-wrap: wrap; | 138 | + //display: flex; |
| 139 | + //flex-wrap: wrap; | ||
| 140 | + //align-items: center; | ||
| 99 | font-size: (14 / 37.5rem); | 141 | font-size: (14 / 37.5rem); |
| 100 | line-height: (20 / 37.5rem); | 142 | line-height: (20 / 37.5rem); |
| 143 | + letter-spacing: 0; | ||
| 101 | color: @color_5; | 144 | color: @color_5; |
| 102 | 145 | ||
| 146 | + &::before, | ||
| 147 | + &::after { | ||
| 148 | + display: table; | ||
| 149 | + content: ''; | ||
| 150 | + } | ||
| 151 | + &::after { | ||
| 152 | + height: 0; | ||
| 153 | + clear: both; | ||
| 154 | + font-size: 0; | ||
| 155 | + visibility: hidden; | ||
| 156 | + } | ||
| 157 | + | ||
| 158 | + &.hidden-extra { | ||
| 159 | + display: none !important; | ||
| 160 | + margin-top: 0 !important; | ||
| 161 | + } | ||
| 162 | + | ||
| 163 | + .article-source { | ||
| 164 | + float: left; | ||
| 165 | + letter-spacing: 0; | ||
| 166 | + display: inline-flex; | ||
| 167 | + } | ||
| 168 | + | ||
| 169 | + .browseCntStr { | ||
| 170 | + float: left; | ||
| 171 | + display: inline-block; | ||
| 172 | + height: (20 / 37.5rem); | ||
| 173 | + } | ||
| 174 | + | ||
| 103 | .author-item { | 175 | .author-item { |
| 176 | + float: left; | ||
| 177 | + display: inline-flex; | ||
| 178 | + letter-spacing: 0; | ||
| 104 | margin-right: (8 / 37.5rem); | 179 | margin-right: (8 / 37.5rem); |
| 105 | } | 180 | } |
| 106 | 181 | ||
| 107 | - > * { | ||
| 108 | - margin-top: (8 / 37.5rem); | 182 | + > .article-source-icon { |
| 183 | + float: left; | ||
| 184 | + display: flex; | ||
| 185 | + width: (3 / 37.5rem); | ||
| 186 | + height: (14 / 37.5rem); | ||
| 187 | + margin-top: (3.2 / 37.5rem); | ||
| 188 | + margin-right: (4 / 37.5rem); | ||
| 189 | + background-image: url('../image/sourceIocnNew.svg'); | ||
| 190 | + background-size: 100%; | ||
| 191 | + background-repeat: no-repeat; | ||
| 109 | } | 192 | } |
| 110 | } | 193 | } |
| 111 | 194 | ||
| @@ -118,6 +201,15 @@ | @@ -118,6 +201,15 @@ | ||
| 118 | line-height: (20 / 37.5rem); | 201 | line-height: (20 / 37.5rem); |
| 119 | margin-top: (21 / 37.5rem); | 202 | margin-top: (21 / 37.5rem); |
| 120 | border-radius: (4 / 37.5rem); | 203 | border-radius: (4 / 37.5rem); |
| 204 | + word-break: break-all; | ||
| 205 | + white-space: pre-wrap; | ||
| 206 | + | ||
| 207 | + .global-line { | ||
| 208 | + position: relative; | ||
| 209 | + top: (-4.5 / 37.5rem); | ||
| 210 | + width: (14 / 37.5rem); | ||
| 211 | + background: @color_1; | ||
| 212 | + } | ||
| 121 | 213 | ||
| 122 | .yh-icon { | 214 | .yh-icon { |
| 123 | width: 0.34667rem; | 215 | width: 0.34667rem; |
| @@ -137,10 +229,10 @@ | @@ -137,10 +229,10 @@ | ||
| 137 | background: #FFFFFF; | 229 | background: #FFFFFF; |
| 138 | border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05); | 230 | border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05); |
| 139 | box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05); | 231 | box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05); |
| 140 | - text-align: justify; | ||
| 141 | font-size: (14 / 37.5rem); | 232 | font-size: (14 / 37.5rem); |
| 142 | line-height: (20 / 37.5rem); | 233 | line-height: (20 / 37.5rem); |
| 143 | color: #333333; | 234 | color: #333333; |
| 235 | + word-break: break-all; | ||
| 144 | 236 | ||
| 145 | img { | 237 | img { |
| 146 | position: relative; | 238 | position: relative; |
| @@ -149,6 +241,17 @@ | @@ -149,6 +241,17 @@ | ||
| 149 | height: (14 / 37.5rem); | 241 | height: (14 / 37.5rem); |
| 150 | margin-right: (2 / 37.5rem); | 242 | margin-right: (2 / 37.5rem); |
| 151 | } | 243 | } |
| 244 | + | ||
| 245 | + .head-link-block-str { | ||
| 246 | + margin-left: (3 / 37.5rem); | ||
| 247 | + | ||
| 248 | + .global-line { | ||
| 249 | + position: relative; | ||
| 250 | + top: (-4.5 / 37.5rem); | ||
| 251 | + width: (14 / 37.5rem); | ||
| 252 | + background: #333333; | ||
| 253 | + } | ||
| 254 | + } | ||
| 152 | } | 255 | } |
| 153 | 256 | ||
| 154 | .rmcard { | 257 | .rmcard { |
| @@ -169,32 +272,45 @@ | @@ -169,32 +272,45 @@ | ||
| 169 | } | 272 | } |
| 170 | 273 | ||
| 171 | .rmcard-image { | 274 | .rmcard-image { |
| 275 | + display: block; | ||
| 172 | float: left; | 276 | float: left; |
| 277 | + text-align: center; | ||
| 173 | margin-right: (8 / 37.5rem); | 278 | margin-right: (8 / 37.5rem); |
| 174 | width: (36 / 37.5rem); | 279 | width: (36 / 37.5rem); |
| 175 | height: (36 / 37.5rem); | 280 | height: (36 / 37.5rem); |
| 176 | border-radius: 50%; | 281 | border-radius: 50%; |
| 177 | margin-top: (1 / 37.5rem); | 282 | margin-top: (1 / 37.5rem); |
| 178 | - border: 0.5px solid rgba(0, 0, 0, 0.05); | 283 | + border: 0.5px solid rgba(0, 0, 0, 0.1); |
| 284 | + | ||
| 285 | + &.default { | ||
| 286 | + display: flex; | ||
| 287 | + align-items: center; | ||
| 288 | + justify-content: center; | ||
| 289 | + background: #fff; | ||
| 290 | + | ||
| 291 | + img { | ||
| 292 | + position: relative; | ||
| 293 | + left: -(2 / 37.5rem); | ||
| 294 | + width: 49.3%; | ||
| 295 | + } | ||
| 296 | + } | ||
| 297 | + | ||
| 298 | + | ||
| 179 | } | 299 | } |
| 180 | 300 | ||
| 181 | .cdescrip { | 301 | .cdescrip { |
| 182 | float: left; | 302 | float: left; |
| 303 | + width: calc(100% - 0.96rem - 1.44rem - 0.213rem - 0.213rem); | ||
| 304 | + height: (37 / 37.5rem); | ||
| 183 | 305 | ||
| 184 | .cdescrip_text { | 306 | .cdescrip_text { |
| 185 | - width: (237 / 37.5rem); | 307 | + width: 100%; |
| 186 | color: @color_5; | 308 | color: @color_5; |
| 187 | font-size: 0.32rem; | 309 | font-size: 0.32rem; |
| 188 | - font-weight: 400; | ||
| 189 | font-size: (12 / 37.5rem); | 310 | font-size: (12 / 37.5rem); |
| 190 | - height: (14 / 37.5rem); | ||
| 191 | - line-height: (14 / 37.5rem); | ||
| 192 | overflow: hidden; | 311 | overflow: hidden; |
| 193 | - word-break: normal; | ||
| 194 | - -webkit-line-clamp: 1; | ||
| 195 | - -webkit-box-orient: vertical; | ||
| 196 | - display: -webkit-box; | ||
| 197 | text-overflow: ellipsis; | 312 | text-overflow: ellipsis; |
| 313 | + white-space: nowrap; | ||
| 198 | 314 | ||
| 199 | &:first-child { | 315 | &:first-child { |
| 200 | color: @color_2; | 316 | color: @color_2; |
| @@ -204,6 +320,11 @@ | @@ -204,6 +320,11 @@ | ||
| 204 | height: (17 / 37.5rem); | 320 | height: (17 / 37.5rem); |
| 205 | margin-top: (1 / 37.5rem); | 321 | margin-top: (1 / 37.5rem); |
| 206 | margin-bottom: (3 / 37.5rem); | 322 | margin-bottom: (3 / 37.5rem); |
| 323 | + | ||
| 324 | + &.cdescrip_text_top { | ||
| 325 | + margin-top: (10 / 37.5rem); | ||
| 326 | + margin-bottom: (0 / 37.5rem); | ||
| 327 | + } | ||
| 207 | } | 328 | } |
| 208 | } | 329 | } |
| 209 | } | 330 | } |
| @@ -213,7 +334,7 @@ | @@ -213,7 +334,7 @@ | ||
| 213 | } | 334 | } |
| 214 | 335 | ||
| 215 | .clook { | 336 | .clook { |
| 216 | - margin-top: (5 / 37.5rem); | 337 | + margin-top: (6.5 / 37.5rem); |
| 217 | width: (54 / 37.5rem); | 338 | width: (54 / 37.5rem); |
| 218 | height: (24 / 37.5rem); | 339 | height: (24 / 37.5rem); |
| 219 | border-radius: (3 / 37.5rem); | 340 | border-radius: (3 / 37.5rem); |
| @@ -230,6 +351,15 @@ | @@ -230,6 +351,15 @@ | ||
| 230 | top: (-1 / 37.5rem); | 351 | top: (-1 / 37.5rem); |
| 231 | position: relative; | 352 | position: relative; |
| 232 | vertical-align: middle; | 353 | vertical-align: middle; |
| 354 | + | ||
| 355 | + &.add-clook-icon { | ||
| 356 | + top: (-1 / 37.5rem); | ||
| 357 | + } | ||
| 358 | + } | ||
| 359 | + | ||
| 360 | + .add-clook-text { | ||
| 361 | + top: (0.5 / 37.5rem); | ||
| 362 | + position: relative; | ||
| 233 | } | 363 | } |
| 234 | } | 364 | } |
| 235 | 365 | ||
| @@ -244,6 +374,19 @@ | @@ -244,6 +374,19 @@ | ||
| 244 | text-align: center; | 374 | text-align: center; |
| 245 | color: #CCCCCC; | 375 | color: #CCCCCC; |
| 246 | font-weight: bold; | 376 | font-weight: bold; |
| 377 | + | ||
| 378 | + &.loading { | ||
| 379 | + background-color: #ED2800; | ||
| 380 | + color: @color_6; | ||
| 381 | + } | ||
| 382 | + | ||
| 383 | + img { | ||
| 384 | + width: (12 / 37.5rem); | ||
| 385 | + height: (12 / 37.5rem); | ||
| 386 | + top: (-1 / 37.5rem); | ||
| 387 | + position: relative; | ||
| 388 | + vertical-align: middle; | ||
| 389 | + } | ||
| 247 | } | 390 | } |
| 248 | } | 391 | } |
| 249 | 392 | ||
| @@ -280,28 +423,60 @@ | @@ -280,28 +423,60 @@ | ||
| 280 | } | 423 | } |
| 281 | 424 | ||
| 282 | #newsContent { | 425 | #newsContent { |
| 283 | - line-height: (27 / 37.5rem); | ||
| 284 | - font-size: (17 / 37.5rem); | 426 | + line-height: ((18 * 1.7) / 37.5rem); |
| 427 | + font-size: (18 / 37.5rem); | ||
| 285 | color: @color_8; | 428 | color: @color_8; |
| 286 | text-align: justify; | 429 | text-align: justify; |
| 287 | 430 | ||
| 431 | + table { | ||
| 432 | + border-collapse: collapse; | ||
| 433 | + border-spacing: 0; | ||
| 434 | + width: 100%; | ||
| 435 | + | ||
| 436 | + &:last-child { | ||
| 437 | + margin-bottom: 0 !important; | ||
| 438 | + } | ||
| 439 | + | ||
| 440 | + & + .preview-image-block { | ||
| 441 | + margin-top: 0 !important; | ||
| 442 | + } | ||
| 443 | + } | ||
| 444 | + | ||
| 288 | li { | 445 | li { |
| 289 | list-style: unset; | 446 | list-style: unset; |
| 290 | margin-left: (16 / 37.5rem); | 447 | margin-left: (16 / 37.5rem); |
| 448 | + | ||
| 449 | + &:last-child { | ||
| 450 | + margin-bottom: 0 !important; | ||
| 451 | + } | ||
| 452 | + | ||
| 453 | + & + .preview-image-block { | ||
| 454 | + margin-top: 0 !important; | ||
| 455 | + } | ||
| 291 | } | 456 | } |
| 292 | 457 | ||
| 293 | - p { | ||
| 294 | - max-width: 100%; | ||
| 295 | - max-width: 100%; | ||
| 296 | - padding: 0 !important; | ||
| 297 | - margin-bottom: 0.4266666666666667rem !important; | ||
| 298 | - box-sizing: border-box; | ||
| 299 | - | 458 | + ul { |
| 300 | &:last-child { | 459 | &:last-child { |
| 301 | - margin-bottom: 0; | 460 | + margin-bottom: 0 !important; |
| 461 | + } | ||
| 462 | + | ||
| 463 | + & + .preview-image-block { | ||
| 464 | + margin-top: 0 !important; | ||
| 302 | } | 465 | } |
| 303 | } | 466 | } |
| 304 | 467 | ||
| 468 | + .global-line { | ||
| 469 | + position: relative; | ||
| 470 | + top: (-5 / 37.5rem); | ||
| 471 | + width: (18 / 37.5rem); | ||
| 472 | + height: (1.2 / 37.5rem); | ||
| 473 | + background: @color_8; | ||
| 474 | + } | ||
| 475 | + | ||
| 476 | + mark { | ||
| 477 | + background: none !important; | ||
| 478 | + } | ||
| 479 | + | ||
| 305 | a { | 480 | a { |
| 306 | color: #50749A !important; | 481 | color: #50749A !important; |
| 307 | word-break: break-all; | 482 | word-break: break-all; |
| @@ -310,69 +485,181 @@ | @@ -310,69 +485,181 @@ | ||
| 310 | color: #50749A !important; | 485 | color: #50749A !important; |
| 311 | word-break: break-all; | 486 | word-break: break-all; |
| 312 | } | 487 | } |
| 488 | + | ||
| 489 | + &:last-child { | ||
| 490 | + margin-bottom: 0 !important; | ||
| 491 | + } | ||
| 492 | + | ||
| 493 | + & + .preview-image-block { | ||
| 494 | + margin-top: 0 !important; | ||
| 495 | + } | ||
| 313 | } | 496 | } |
| 314 | 497 | ||
| 315 | - & > P { | 498 | + br, span.bjh-br { |
| 499 | + display: block; | ||
| 500 | + } | ||
| 501 | + | ||
| 502 | + P { | ||
| 503 | + max-width: 100%; | ||
| 504 | + padding: 0 !important; | ||
| 505 | + margin-bottom: (16 / 37.5rem); | ||
| 506 | + box-sizing: border-box; | ||
| 507 | + word-break: break-all; | ||
| 508 | + | ||
| 509 | + &:empty { | ||
| 510 | + display: none !important; | ||
| 511 | + } | ||
| 512 | + | ||
| 316 | &:last-child { | 513 | &:last-child { |
| 317 | margin-bottom: 0 !important; | 514 | margin-bottom: 0 !important; |
| 318 | } | 515 | } |
| 516 | + | ||
| 517 | + & + .preview-image-block { | ||
| 518 | + margin-top: 0 !important; | ||
| 519 | + } | ||
| 319 | } | 520 | } |
| 320 | 521 | ||
| 321 | & > div > P { | 522 | & > div > P { |
| 322 | &:last-child { | 523 | &:last-child { |
| 323 | margin-bottom: 0 !important; | 524 | margin-bottom: 0 !important; |
| 324 | } | 525 | } |
| 526 | + | ||
| 527 | + & + .preview-image-block { | ||
| 528 | + margin-top: 0 !important; | ||
| 529 | + } | ||
| 325 | } | 530 | } |
| 326 | 531 | ||
| 327 | & > h1 { | 532 | & > h1 { |
| 328 | max-width: 100%; | 533 | max-width: 100%; |
| 329 | padding: 0 !important; | 534 | padding: 0 !important; |
| 330 | - margin-bottom: 0.4266666666666667rem !important; | 535 | + margin-bottom: (16 / 37.5rem); |
| 536 | + | ||
| 537 | + &:last-child { | ||
| 538 | + margin-bottom: 0 !important; | ||
| 539 | + } | ||
| 540 | + | ||
| 541 | + & + .preview-image-block { | ||
| 542 | + margin-top: 0 !important; | ||
| 543 | + } | ||
| 331 | } | 544 | } |
| 332 | 545 | ||
| 333 | & > h2 { | 546 | & > h2 { |
| 334 | max-width: 100%; | 547 | max-width: 100%; |
| 335 | padding: 0 !important; | 548 | padding: 0 !important; |
| 336 | - margin-bottom: 0.4266666666666667rem !important; | 549 | + margin-bottom: (16 / 37.5rem); |
| 550 | + | ||
| 551 | + &:last-child { | ||
| 552 | + margin-bottom: 0 !important; | ||
| 553 | + } | ||
| 554 | + | ||
| 555 | + & + .preview-image-block { | ||
| 556 | + margin-top: 0 !important; | ||
| 557 | + } | ||
| 337 | } | 558 | } |
| 338 | 559 | ||
| 339 | & > h3 { | 560 | & > h3 { |
| 340 | max-width: 100%; | 561 | max-width: 100%; |
| 341 | padding: 0 !important; | 562 | padding: 0 !important; |
| 342 | - margin-bottom: 0.4266666666666667rem !important; | 563 | + margin-bottom: (16 / 37.5rem); |
| 564 | + | ||
| 565 | + &:last-child { | ||
| 566 | + margin-bottom: 0 !important; | ||
| 567 | + } | ||
| 568 | + | ||
| 569 | + & + .preview-image-block { | ||
| 570 | + margin-top: 0 !important; | ||
| 571 | + } | ||
| 343 | } | 572 | } |
| 344 | 573 | ||
| 345 | & > h4 { | 574 | & > h4 { |
| 346 | max-width: 100%; | 575 | max-width: 100%; |
| 347 | padding: 0 !important; | 576 | padding: 0 !important; |
| 348 | - margin-bottom: 0.4266666666666667rem !important; | 577 | + margin-bottom: (16 / 37.5rem); |
| 578 | + | ||
| 579 | + &:last-child { | ||
| 580 | + margin-bottom: 0 !important; | ||
| 581 | + } | ||
| 582 | + | ||
| 583 | + & + .preview-image-block { | ||
| 584 | + margin-top: 0 !important; | ||
| 585 | + } | ||
| 349 | } | 586 | } |
| 350 | 587 | ||
| 351 | & > h5 { | 588 | & > h5 { |
| 352 | max-width: 100%; | 589 | max-width: 100%; |
| 353 | padding: 0 !important; | 590 | padding: 0 !important; |
| 354 | - margin-bottom: 0.4266666666666667rem !important; | 591 | + margin-bottom: (16 / 37.5rem); |
| 592 | + | ||
| 593 | + &:last-child { | ||
| 594 | + margin-bottom: 0 !important; | ||
| 595 | + } | ||
| 596 | + | ||
| 597 | + & + .preview-image-block { | ||
| 598 | + margin-top: 0 !important; | ||
| 599 | + } | ||
| 355 | } | 600 | } |
| 356 | 601 | ||
| 357 | & > h6 { | 602 | & > h6 { |
| 358 | max-width: 100%; | 603 | max-width: 100%; |
| 359 | padding: 0 !important; | 604 | padding: 0 !important; |
| 360 | - margin-bottom: 0.4266666666666667rem !important; | 605 | + margin-bottom: (16 / 37.5rem); |
| 606 | + | ||
| 607 | + &:last-child { | ||
| 608 | + margin-bottom: 0 !important; | ||
| 609 | + } | ||
| 610 | + | ||
| 611 | + & + .preview-image-block { | ||
| 612 | + margin-top: 0 !important; | ||
| 613 | + } | ||
| 361 | } | 614 | } |
| 362 | 615 | ||
| 363 | - & > section { | 616 | + section { |
| 364 | max-width: 100%; | 617 | max-width: 100%; |
| 365 | padding: 0 !important; | 618 | padding: 0 !important; |
| 366 | - margin-bottom: 0.4266666666666667rem !important; | 619 | + margin-bottom: (16 / 37.5rem) !important; |
| 620 | + | ||
| 621 | + &:empty { | ||
| 622 | + display: none !important; | ||
| 623 | + } | ||
| 624 | + | ||
| 625 | + &:last-child { | ||
| 626 | + margin-bottom: 0 !important; | ||
| 627 | + } | ||
| 628 | + | ||
| 629 | + & + .preview-image-block { | ||
| 630 | + margin-top: 0 !important; | ||
| 631 | + } | ||
| 632 | + | ||
| 633 | + & > section { | ||
| 634 | + &:last-child { | ||
| 635 | + margin-bottom: 0 !important; | ||
| 636 | + } | ||
| 637 | + | ||
| 638 | + & + .preview-image-block { | ||
| 639 | + margin-top: 0 !important; | ||
| 640 | + } | ||
| 641 | + } | ||
| 642 | + | ||
| 643 | + & + .preview-image-block { | ||
| 644 | + margin-top: 0 !important; | ||
| 645 | + } | ||
| 367 | } | 646 | } |
| 368 | 647 | ||
| 369 | & > div { | 648 | & > div { |
| 370 | &.replace-br-tag { | 649 | &.replace-br-tag { |
| 371 | - margin-bottom: 0.4266666666666667rem !important; | 650 | + margin-bottom: (16 / 37.5rem); |
| 651 | + | ||
| 652 | + & + .preview-image-block { | ||
| 653 | + margin-top: 0 !important; | ||
| 654 | + } | ||
| 372 | } | 655 | } |
| 373 | 656 | ||
| 374 | &:last-child { | 657 | &:last-child { |
| 375 | - margin-bottom: 0; | 658 | + margin-bottom: 0 !important; |
| 659 | + } | ||
| 660 | + | ||
| 661 | + & + .preview-image-block { | ||
| 662 | + margin-top: 0 !important; | ||
| 376 | } | 663 | } |
| 377 | } | 664 | } |
| 378 | 665 | ||
| @@ -385,6 +672,13 @@ | @@ -385,6 +672,13 @@ | ||
| 385 | } | 672 | } |
| 386 | } | 673 | } |
| 387 | 674 | ||
| 675 | + .img-no-margin { | ||
| 676 | + .preview-image-block.success { | ||
| 677 | + margin-top: 0 !important; | ||
| 678 | + margin-bottom: 0 !important; | ||
| 679 | + } | ||
| 680 | + } | ||
| 681 | + | ||
| 388 | section[data-title='基础饼图'] { | 682 | section[data-title='基础饼图'] { |
| 389 | display: none; | 683 | display: none; |
| 390 | } | 684 | } |
| @@ -478,7 +772,6 @@ | @@ -478,7 +772,6 @@ | ||
| 478 | 772 | ||
| 479 | img { | 773 | img { |
| 480 | max-width: 100% !important; | 774 | max-width: 100% !important; |
| 481 | - max-height: 100% !important; | ||
| 482 | display: block; | 775 | display: block; |
| 483 | margin: 0 auto; | 776 | margin: 0 auto; |
| 484 | box-sizing: border-box; | 777 | box-sizing: border-box; |
| @@ -509,6 +802,10 @@ | @@ -509,6 +802,10 @@ | ||
| 509 | &:empty { | 802 | &:empty { |
| 510 | display: none; | 803 | display: none; |
| 511 | } | 804 | } |
| 805 | + | ||
| 806 | + & + .preview-image-block { | ||
| 807 | + margin-top: 0 !important; | ||
| 808 | + } | ||
| 512 | } | 809 | } |
| 513 | 810 | ||
| 514 | ._editor42 img { | 811 | ._editor42 img { |
| @@ -524,9 +821,14 @@ | @@ -524,9 +821,14 @@ | ||
| 524 | .preview-video { | 821 | .preview-video { |
| 525 | width: 100%; | 822 | width: 100%; |
| 526 | overflow: hidden; | 823 | overflow: hidden; |
| 527 | - margin-bottom: 0.4266666666666667rem; | 824 | + margin-bottom: (16 / 37.5rem); |
| 528 | border-radius: (4 / 37.5rem); | 825 | border-radius: (4 / 37.5rem); |
| 529 | overflow: hidden; | 826 | overflow: hidden; |
| 827 | + position: relative; | ||
| 828 | + | ||
| 829 | + & + .preview-image-block { | ||
| 830 | + margin-top: 0 !important; | ||
| 831 | + } | ||
| 530 | 832 | ||
| 531 | .video-player { | 833 | .video-player { |
| 532 | border-radius: (4 / 37.5rem); | 834 | border-radius: (4 / 37.5rem); |
| @@ -722,15 +1024,40 @@ | @@ -722,15 +1024,40 @@ | ||
| 722 | height: 100%; | 1024 | height: 100%; |
| 723 | background-repeat: no-repeat; | 1025 | background-repeat: no-repeat; |
| 724 | background-position: center; | 1026 | background-position: center; |
| 725 | - background-size: contain; | ||
| 726 | - border-radius: 4px; | 1027 | + background-size: cover; |
| 1028 | + border-radius: (4 / 37.5rem); | ||
| 1029 | + | ||
| 1030 | + & > img { | ||
| 1031 | + display: none; | ||
| 1032 | + position: absolute; | ||
| 1033 | + width: 100%; | ||
| 1034 | + height: 100%; | ||
| 1035 | + object-fit: cover; | ||
| 1036 | + z-index: 9; | ||
| 1037 | + } | ||
| 727 | 1038 | ||
| 728 | - .player-cover-icon { | 1039 | + .player-state-icon { |
| 729 | position: absolute; | 1040 | position: absolute; |
| 730 | left: (12 / 37.5rem); | 1041 | left: (12 / 37.5rem); |
| 731 | bottom: (12 / 37.5rem); | 1042 | bottom: (12 / 37.5rem); |
| 732 | width: (32 / 37.5rem); | 1043 | width: (32 / 37.5rem); |
| 733 | height: (32 / 37.5rem); | 1044 | height: (32 / 37.5rem); |
| 1045 | + background: rgba(0, 0, 0, .5); | ||
| 1046 | + border-radius: 50%; | ||
| 1047 | + display: flex; | ||
| 1048 | + align-items: center; | ||
| 1049 | + justify-content: center; | ||
| 1050 | + z-index: 10; | ||
| 1051 | + | ||
| 1052 | + img { | ||
| 1053 | + background: none; | ||
| 1054 | + width: (16 / 37.5rem); | ||
| 1055 | + height: (16 / 37.5rem); | ||
| 1056 | + max-width: unset !important; | ||
| 1057 | + margin: 0 !important; | ||
| 1058 | + position: relative; | ||
| 1059 | + left: (1 / 37.5rem); | ||
| 1060 | + } | ||
| 734 | } | 1061 | } |
| 735 | 1062 | ||
| 736 | &.none { | 1063 | &.none { |
| @@ -868,6 +1195,10 @@ | @@ -868,6 +1195,10 @@ | ||
| 868 | background: none; | 1195 | background: none; |
| 869 | width: (16 / 37.5rem); | 1196 | width: (16 / 37.5rem); |
| 870 | height: (16 / 37.5rem); | 1197 | height: (16 / 37.5rem); |
| 1198 | + max-width: unset !important; | ||
| 1199 | + margin: 0 !important; | ||
| 1200 | + position: relative; | ||
| 1201 | + left: (1 / 37.5rem); | ||
| 871 | } | 1202 | } |
| 872 | } | 1203 | } |
| 873 | } | 1204 | } |
| @@ -919,8 +1250,8 @@ | @@ -919,8 +1250,8 @@ | ||
| 919 | 1250 | ||
| 920 | .audio-warpper { | 1251 | .audio-warpper { |
| 921 | display: block; | 1252 | display: block; |
| 922 | - margin: 15px 0; | ||
| 923 | - height: 44px; | 1253 | + margin: (15 / 37.5rem) 0; |
| 1254 | + height: (44 / 37.5rem); | ||
| 924 | } | 1255 | } |
| 925 | 1256 | ||
| 926 | audio { | 1257 | audio { |
| @@ -960,10 +1291,14 @@ | @@ -960,10 +1291,14 @@ | ||
| 960 | justify-content: center; | 1291 | justify-content: center; |
| 961 | position: relative; | 1292 | position: relative; |
| 962 | width: 100%; | 1293 | width: 100%; |
| 963 | - margin-bottom: 0.4266666666666667rem; | 1294 | + margin: (16 / 37.5rem) auto !important; |
| 964 | border-radius: (3 / 37.5rem); | 1295 | border-radius: (3 / 37.5rem); |
| 965 | overflow: hidden; | 1296 | overflow: hidden; |
| 966 | 1297 | ||
| 1298 | + & + .preview-image-block { | ||
| 1299 | + margin-top: 0 !important; | ||
| 1300 | + } | ||
| 1301 | + | ||
| 967 | a { | 1302 | a { |
| 968 | position: relative; | 1303 | position: relative; |
| 969 | display: block; | 1304 | display: block; |
| @@ -974,9 +1309,6 @@ | @@ -974,9 +1309,6 @@ | ||
| 974 | justify-content: center; | 1309 | justify-content: center; |
| 975 | 1310 | ||
| 976 | & > img { | 1311 | & > img { |
| 977 | - width: 100%; | ||
| 978 | - object-fit: contain; | ||
| 979 | - | ||
| 980 | &.image-player { | 1312 | &.image-player { |
| 981 | display: none; | 1313 | display: none; |
| 982 | } | 1314 | } |
| @@ -1008,7 +1340,6 @@ | @@ -1008,7 +1340,6 @@ | ||
| 1008 | } | 1340 | } |
| 1009 | 1341 | ||
| 1010 | &.success { | 1342 | &.success { |
| 1011 | - background: #EDEDED; | ||
| 1012 | 1343 | ||
| 1013 | img.preview-image-placehold, .img.preview-image-error { | 1344 | img.preview-image-placehold, .img.preview-image-error { |
| 1014 | display: none !important; | 1345 | display: none !important; |
| @@ -1040,8 +1371,7 @@ | @@ -1040,8 +1371,7 @@ | ||
| 1040 | } | 1371 | } |
| 1041 | 1372 | ||
| 1042 | & > img { | 1373 | & > img { |
| 1043 | - width: 100%; | ||
| 1044 | - object-fit: contain; | 1374 | + width: auto; |
| 1045 | margin: unset; | 1375 | margin: unset; |
| 1046 | 1376 | ||
| 1047 | &.image-player { | 1377 | &.image-player { |
| @@ -1067,7 +1397,6 @@ | @@ -1067,7 +1397,6 @@ | ||
| 1067 | display: block; | 1397 | display: block; |
| 1068 | top: (8 / 37.5rem); | 1398 | top: (8 / 37.5rem); |
| 1069 | right: (8 / 37.5rem); | 1399 | right: (8 / 37.5rem); |
| 1070 | - width: (44 / 37.5rem); | ||
| 1071 | height: (18 / 37.5rem); | 1400 | height: (18 / 37.5rem); |
| 1072 | border-radius: (2 / 37.5rem); | 1401 | border-radius: (2 / 37.5rem); |
| 1073 | background: rgba(0, 0, 0, 0.3); | 1402 | background: rgba(0, 0, 0, 0.3); |
| @@ -1077,7 +1406,7 @@ | @@ -1077,7 +1406,7 @@ | ||
| 1077 | margin: unset; | 1406 | margin: unset; |
| 1078 | width: (14 / 37.5rem); | 1407 | width: (14 / 37.5rem); |
| 1079 | height: (14 / 37.5rem); | 1408 | height: (14 / 37.5rem); |
| 1080 | - margin-left: (4 / 37.5rem); | 1409 | + margin-left: (3 / 37.5rem); |
| 1081 | margin-top: (2 / 37.5rem); | 1410 | margin-top: (2 / 37.5rem); |
| 1082 | max-width: unset !important; | 1411 | max-width: unset !important; |
| 1083 | display: inline-block !important; | 1412 | display: inline-block !important; |
| @@ -1088,7 +1417,7 @@ | @@ -1088,7 +1417,7 @@ | ||
| 1088 | font-size: (11 / 37.5rem); | 1417 | font-size: (11 / 37.5rem); |
| 1089 | line-height: (16 / 37.5rem); | 1418 | line-height: (16 / 37.5rem); |
| 1090 | margin-left: (2 / 37.5rem); | 1419 | margin-left: (2 / 37.5rem); |
| 1091 | - margin-right: (2 / 37.5rem); | 1420 | + margin-right: (3 / 37.5rem); |
| 1092 | margin-top: (1 / 37.5rem); | 1421 | margin-top: (1 / 37.5rem); |
| 1093 | color: #FFFFFF; | 1422 | color: #FFFFFF; |
| 1094 | } | 1423 | } |
| @@ -1296,11 +1625,11 @@ | @@ -1296,11 +1625,11 @@ | ||
| 1296 | background: #F9F9F9; | 1625 | background: #F9F9F9; |
| 1297 | border-radius: (4 / 37.5rem); | 1626 | border-radius: (4 / 37.5rem); |
| 1298 | 1627 | ||
| 1299 | - .title { | 1628 | + .vote-title { |
| 1300 | width: 100%; | 1629 | width: 100%; |
| 1301 | margin-top: 0; | 1630 | margin-top: 0; |
| 1302 | font-size: 0.42667rem; | 1631 | font-size: 0.42667rem; |
| 1303 | - line-height: (24 / 37.5rem); | 1632 | + line-height: (22 / 37.5rem); |
| 1304 | font-weight: bold; | 1633 | font-weight: bold; |
| 1305 | color: @color_16; | 1634 | color: @color_16; |
| 1306 | margin-bottom: (12 / 37.5rem) !important; | 1635 | margin-bottom: (12 / 37.5rem) !important; |
| @@ -1344,34 +1673,52 @@ | @@ -1344,34 +1673,52 @@ | ||
| 1344 | } | 1673 | } |
| 1345 | 1674 | ||
| 1346 | .btns1 { | 1675 | .btns1 { |
| 1676 | + position: relative; | ||
| 1347 | display: flex; | 1677 | display: flex; |
| 1348 | justify-content: space-between; | 1678 | justify-content: space-between; |
| 1349 | 1679 | ||
| 1350 | .s { | 1680 | .s { |
| 1351 | width: 4.21653rem; | 1681 | width: 4.21653rem; |
| 1352 | - border-radius: 0.02667rem; | ||
| 1353 | font-size: 0.37333rem; | 1682 | font-size: 0.37333rem; |
| 1354 | display: flex; | 1683 | display: flex; |
| 1355 | align-items: center; | 1684 | align-items: center; |
| 1356 | justify-content: center; | 1685 | justify-content: center; |
| 1357 | color: #fff; | 1686 | color: #fff; |
| 1358 | padding: 0.21333rem 0.32rem; | 1687 | padding: 0.21333rem 0.32rem; |
| 1688 | + line-height: (16 / 37.5rem); | ||
| 1689 | + | ||
| 1690 | + &.none { | ||
| 1691 | + opacity: 0; | ||
| 1692 | + visibility: hidden; | ||
| 1693 | + } | ||
| 1694 | + | ||
| 1695 | + &.active { | ||
| 1696 | + position: absolute; | ||
| 1697 | + } | ||
| 1359 | } | 1698 | } |
| 1360 | 1699 | ||
| 1361 | .s1 { | 1700 | .s1 { |
| 1362 | background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%); | 1701 | background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%); |
| 1363 | border-top-left-radius: (3 / 37.5rem); | 1702 | border-top-left-radius: (3 / 37.5rem); |
| 1364 | - border-top-right-radius: (3 / 37.5rem); | ||
| 1365 | - border-bottom-right-radius: (0.2rem); | ||
| 1366 | border-bottom-left-radius: (3 / 37.5rem); | 1703 | border-bottom-left-radius: (3 / 37.5rem); |
| 1704 | + | ||
| 1705 | + &.active { | ||
| 1706 | + top: 0; | ||
| 1707 | + left: 0; | ||
| 1708 | + height: 100%; | ||
| 1709 | + } | ||
| 1367 | } | 1710 | } |
| 1368 | 1711 | ||
| 1369 | .s2 { | 1712 | .s2 { |
| 1370 | background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%); | 1713 | background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%); |
| 1371 | - border-top-left-radius: (0.2rem); | ||
| 1372 | border-top-right-radius: (3 / 37.5rem); | 1714 | border-top-right-radius: (3 / 37.5rem); |
| 1373 | - border-bottom-left-radius: (3 / 37.5rem); | ||
| 1374 | border-bottom-right-radius: (3 / 37.5rem); | 1715 | border-bottom-right-radius: (3 / 37.5rem); |
| 1716 | + | ||
| 1717 | + &.active { | ||
| 1718 | + top: 0; | ||
| 1719 | + right: 0; | ||
| 1720 | + height: 100%; | ||
| 1721 | + } | ||
| 1375 | } | 1722 | } |
| 1376 | } | 1723 | } |
| 1377 | 1724 | ||
| @@ -1382,6 +1729,12 @@ | @@ -1382,6 +1729,12 @@ | ||
| 1382 | animation-duration: 1s; | 1729 | animation-duration: 1s; |
| 1383 | animation-fill-mode: forwards; | 1730 | animation-fill-mode: forwards; |
| 1384 | } | 1731 | } |
| 1732 | + | ||
| 1733 | + .jdat .s2 { | ||
| 1734 | + animation: voteProgressInTwo; | ||
| 1735 | + animation-duration: 1s; | ||
| 1736 | + animation-fill-mode: forwards; | ||
| 1737 | + } | ||
| 1385 | } | 1738 | } |
| 1386 | 1739 | ||
| 1387 | .jdat { | 1740 | .jdat { |
| @@ -1389,8 +1742,10 @@ | @@ -1389,8 +1742,10 @@ | ||
| 1389 | display: flex; | 1742 | display: flex; |
| 1390 | 1743 | ||
| 1391 | .pkjd-box { | 1744 | .pkjd-box { |
| 1745 | + position: relative; | ||
| 1392 | display: flex; | 1746 | display: flex; |
| 1393 | width: 100%; | 1747 | width: 100%; |
| 1748 | + height: 0.29333rem; | ||
| 1394 | } | 1749 | } |
| 1395 | 1750 | ||
| 1396 | .s { | 1751 | .s { |
| @@ -1399,26 +1754,27 @@ | @@ -1399,26 +1754,27 @@ | ||
| 1399 | } | 1754 | } |
| 1400 | 1755 | ||
| 1401 | .s1 { | 1756 | .s1 { |
| 1757 | + position: absolute; | ||
| 1758 | + left: 0; | ||
| 1759 | + top: 0; | ||
| 1402 | width: 50%; | 1760 | width: 50%; |
| 1403 | flex-shrink: 0; | 1761 | flex-shrink: 0; |
| 1404 | height: 0.29333rem; | 1762 | height: 0.29333rem; |
| 1405 | background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%); | 1763 | background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%); |
| 1406 | border-top-left-radius: (1 / 37.5rem); | 1764 | border-top-left-radius: (1 / 37.5rem); |
| 1407 | border-bottom-left-radius: (1 / 37.5rem); | 1765 | border-bottom-left-radius: (1 / 37.5rem); |
| 1408 | - border-top-right-radius: (1.8 / 37.5rem); | ||
| 1409 | - border-bottom-right-radius: (6 / 37.5rem); | ||
| 1410 | transition: all; | 1766 | transition: all; |
| 1411 | } | 1767 | } |
| 1412 | 1768 | ||
| 1413 | .s2 { | 1769 | .s2 { |
| 1414 | - flex: 1; | ||
| 1415 | - flex-shrink: 0; | 1770 | + position: absolute; |
| 1771 | + right: 0; | ||
| 1772 | + top: 0; | ||
| 1416 | height: 0.29333rem; | 1773 | height: 0.29333rem; |
| 1417 | background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%); | 1774 | background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%); |
| 1418 | - border-top-left-radius: (6 / 37.5rem); | ||
| 1419 | border-top-right-radius: (1 / 37.5rem); | 1775 | border-top-right-radius: (1 / 37.5rem); |
| 1420 | border-bottom-right-radius: (1 / 37.5rem); | 1776 | border-bottom-right-radius: (1 / 37.5rem); |
| 1421 | - border-bottom-left-radius: (1.8 / 37.5rem); | 1777 | + transition: all; |
| 1422 | } | 1778 | } |
| 1423 | } | 1779 | } |
| 1424 | 1780 | ||
| @@ -1464,7 +1820,7 @@ | @@ -1464,7 +1820,7 @@ | ||
| 1464 | color: @color_14; | 1820 | color: @color_14; |
| 1465 | } | 1821 | } |
| 1466 | 1822 | ||
| 1467 | - img { | 1823 | + .vote-image-icon { |
| 1468 | width: 0.32rem; | 1824 | width: 0.32rem; |
| 1469 | height: 0.32rem; | 1825 | height: 0.32rem; |
| 1470 | margin-top: 0.08rem; | 1826 | margin-top: 0.08rem; |
| @@ -1497,7 +1853,7 @@ | @@ -1497,7 +1853,7 @@ | ||
| 1497 | color: @color_14; | 1853 | color: @color_14; |
| 1498 | } | 1854 | } |
| 1499 | 1855 | ||
| 1500 | - img { | 1856 | + .vote-image-icon { |
| 1501 | width: 0.32rem; | 1857 | width: 0.32rem; |
| 1502 | height: 0.32rem; | 1858 | height: 0.32rem; |
| 1503 | margin-top: 0.08rem; | 1859 | margin-top: 0.08rem; |
| @@ -1653,7 +2009,8 @@ | @@ -1653,7 +2009,8 @@ | ||
| 1653 | .timeline_title { | 2009 | .timeline_title { |
| 1654 | margin-top: (16 / 37.5rem); | 2010 | margin-top: (16 / 37.5rem); |
| 1655 | margin-bottom: (6 / 37.5rem); | 2011 | margin-bottom: (6 / 37.5rem); |
| 1656 | - font-size: (17 / 37.5rem); | 2012 | + font-size: (18 / 37.5rem); |
| 2013 | + line-height: (25 / 37.5rem); | ||
| 1657 | font-weight: bold; | 2014 | font-weight: bold; |
| 1658 | color: #222222; | 2015 | color: #222222; |
| 1659 | overflow: hidden; | 2016 | overflow: hidden; |
| @@ -1674,6 +2031,11 @@ | @@ -1674,6 +2031,11 @@ | ||
| 1674 | 2031 | ||
| 1675 | &:first-child { | 2032 | &:first-child { |
| 1676 | padding-top: (8 / 37.5rem); | 2033 | padding-top: (8 / 37.5rem); |
| 2034 | + | ||
| 2035 | + .timeLine_list_item_line { | ||
| 2036 | + top: (15 / 37.5rem); | ||
| 2037 | + height: calc(100% - 0.4rem); | ||
| 2038 | + } | ||
| 1677 | } | 2039 | } |
| 1678 | 2040 | ||
| 1679 | &:last-child { | 2041 | &:last-child { |
| @@ -1691,9 +2053,9 @@ | @@ -1691,9 +2053,9 @@ | ||
| 1691 | left: (-13 / 37.5rem); | 2053 | left: (-13 / 37.5rem); |
| 1692 | top: 0; | 2054 | top: 0; |
| 1693 | height: 100%; | 2055 | height: 100%; |
| 1694 | - opacity: 0.1; | ||
| 1695 | width: (1 / 37.5rem); | 2056 | width: (1 / 37.5rem); |
| 1696 | z-index: 1; | 2057 | z-index: 1; |
| 2058 | + background: #ededed; | ||
| 1697 | } | 2059 | } |
| 1698 | 2060 | ||
| 1699 | .timeLine_list_item_title { | 2061 | .timeLine_list_item_title { |
| @@ -1702,7 +2064,7 @@ | @@ -1702,7 +2064,7 @@ | ||
| 1702 | font-size: (14 / 37.5rem); | 2064 | font-size: (14 / 37.5rem); |
| 1703 | font-weight: bold; | 2065 | font-weight: bold; |
| 1704 | line-height: (16 / 37.5rem); | 2066 | line-height: (16 / 37.5rem); |
| 1705 | - color: #ED2800; | 2067 | + color: #222222; |
| 1706 | 2068 | ||
| 1707 | .timeLine_list_item_title_icon { | 2069 | .timeLine_list_item_title_icon { |
| 1708 | position: absolute; | 2070 | position: absolute; |
| @@ -1714,7 +2076,7 @@ | @@ -1714,7 +2076,7 @@ | ||
| 1714 | } | 2076 | } |
| 1715 | 2077 | ||
| 1716 | .timeLine_list_item_content { | 2078 | .timeLine_list_item_content { |
| 1717 | - font-size: (17 / 37.5rem); | 2079 | + font-size: (18 / 37.5rem); |
| 1718 | line-height: (25 / 37.5rem); | 2080 | line-height: (25 / 37.5rem); |
| 1719 | color: #222222; | 2081 | color: #222222; |
| 1720 | } | 2082 | } |
| @@ -1735,6 +2097,8 @@ | @@ -1735,6 +2097,8 @@ | ||
| 1735 | img { | 2097 | img { |
| 1736 | width: (16 / 37.5rem); | 2098 | width: (16 / 37.5rem); |
| 1737 | height: (16 / 37.5rem); | 2099 | height: (16 / 37.5rem); |
| 2100 | + top: (-0.3 / 37.5rem); | ||
| 2101 | + position: relative; | ||
| 1738 | } | 2102 | } |
| 1739 | } | 2103 | } |
| 1740 | } | 2104 | } |
| @@ -1827,8 +2191,12 @@ | @@ -1827,8 +2191,12 @@ | ||
| 1827 | height: 6.85333rem; | 2191 | height: 6.85333rem; |
| 1828 | position: relative; | 2192 | position: relative; |
| 1829 | overflow: hidden; | 2193 | overflow: hidden; |
| 1830 | - margin-bottom: 0.4266666666666667rem; | 2194 | + margin-bottom: (16 / 37.5rem); |
| 1831 | border-radius: (3 / 37.5rem); | 2195 | border-radius: (3 / 37.5rem); |
| 2196 | + | ||
| 2197 | + & + .preview-image-block { | ||
| 2198 | + margin-top: 0 !important; | ||
| 2199 | + } | ||
| 1832 | } | 2200 | } |
| 1833 | 2201 | ||
| 1834 | .swiper-block img { | 2202 | .swiper-block img { |
| @@ -1890,7 +2258,11 @@ | @@ -1890,7 +2258,11 @@ | ||
| 1890 | border-radius: (4 / 37.5rem); | 2258 | border-radius: (4 / 37.5rem); |
| 1891 | padding: (12 / 37.5rem) (16 / 37.5rem); | 2259 | padding: (12 / 37.5rem) (16 / 37.5rem); |
| 1892 | background: #fff; | 2260 | background: #fff; |
| 1893 | - margin-bottom: 0.4266666666666667rem; | 2261 | + margin-bottom: (16 / 37.5rem); |
| 2262 | + | ||
| 2263 | + & + .preview-image-block { | ||
| 2264 | + margin-top: 0 !important; | ||
| 2265 | + } | ||
| 1894 | 2266 | ||
| 1895 | &.cover { | 2267 | &.cover { |
| 1896 | .left { | 2268 | .left { |
| @@ -1918,30 +2290,34 @@ | @@ -1918,30 +2290,34 @@ | ||
| 1918 | margin-left: (16 / 37.5rem); | 2290 | margin-left: (16 / 37.5rem); |
| 1919 | 2291 | ||
| 1920 | .audio-title { | 2292 | .audio-title { |
| 1921 | - width: (247 / 37.5rem); | ||
| 1922 | font-size: (15 / 37.5rem); | 2293 | font-size: (15 / 37.5rem); |
| 1923 | font-weight: bold; | 2294 | font-weight: bold; |
| 1924 | height: (17 / 37.5rem); | 2295 | height: (17 / 37.5rem); |
| 1925 | - line-height: (18 / 37.5rem); | 2296 | + line-height: (17 / 37.5rem); |
| 1926 | color: #222222; | 2297 | color: #222222; |
| 1927 | margin-bottom: (11 / 37.5rem); | 2298 | margin-bottom: (11 / 37.5rem); |
| 1928 | - display: -webkit-box; | ||
| 1929 | - -webkit-line-clamp: 1; | ||
| 1930 | - -webkit-box-orient: vertical; | 2299 | + position: relative; |
| 2300 | + display: flex; | ||
| 2301 | + flex: 1; | ||
| 2302 | + align-items: center; | ||
| 1931 | overflow: hidden; | 2303 | overflow: hidden; |
| 1932 | - text-overflow: ellipsis; | ||
| 1933 | - word-wrap: break-word; | 2304 | + |
| 2305 | + .audio-notice-title { | ||
| 2306 | + position: absolute; | ||
| 2307 | + white-space: nowrap; | ||
| 2308 | + transition-timing-function: linear; | ||
| 2309 | + } | ||
| 1934 | } | 2310 | } |
| 1935 | 2311 | ||
| 1936 | .audio-progress-block { | 2312 | .audio-progress-block { |
| 1937 | - height: 2px; | 2313 | + height: (2 / 37.5rem); |
| 1938 | background: #f5f5f5; | 2314 | background: #f5f5f5; |
| 1939 | position: relative; | 2315 | position: relative; |
| 1940 | 2316 | ||
| 1941 | .audio-progressed { | 2317 | .audio-progressed { |
| 1942 | position: absolute; | 2318 | position: absolute; |
| 1943 | left: 0; | 2319 | left: 0; |
| 1944 | - height: 2px; | 2320 | + height: (2 / 37.5rem); |
| 1945 | top: 0; | 2321 | top: 0; |
| 1946 | background: #ED2800; | 2322 | background: #ED2800; |
| 1947 | } | 2323 | } |
| @@ -1952,9 +2328,10 @@ | @@ -1952,9 +2328,10 @@ | ||
| 1952 | align-items: center; | 2328 | align-items: center; |
| 1953 | justify-content: space-between; | 2329 | justify-content: space-between; |
| 1954 | font-size: 10px; | 2330 | font-size: 10px; |
| 1955 | - line-height: 12px; | 2331 | + font-size: (10 / 37.5rem); |
| 2332 | + line-height: (12 / 37.5rem); | ||
| 1956 | color: #B0B0B0; | 2333 | color: #B0B0B0; |
| 1957 | - margin-top: 4px; | 2334 | + margin-top: (4 / 37.5rem); |
| 1958 | } | 2335 | } |
| 1959 | } | 2336 | } |
| 1960 | } | 2337 | } |
| @@ -1967,7 +2344,11 @@ | @@ -1967,7 +2344,11 @@ | ||
| 1967 | border: 1px solid rgba(0, 0, 0, 0.05); | 2344 | border: 1px solid rgba(0, 0, 0, 0.05); |
| 1968 | box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05); | 2345 | box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05); |
| 1969 | padding: (8 / 37.5rem); | 2346 | padding: (8 / 37.5rem); |
| 1970 | - margin-bottom: 0.4266666666666667rem; | 2347 | + margin-bottom: (16 / 37.5rem); |
| 2348 | + | ||
| 2349 | + & + .preview-image-block { | ||
| 2350 | + margin-top: 0 !important; | ||
| 2351 | + } | ||
| 1971 | 2352 | ||
| 1972 | .left { | 2353 | .left { |
| 1973 | width: (64 / 37.5rem); | 2354 | width: (64 / 37.5rem); |
| @@ -1983,14 +2364,19 @@ | @@ -1983,14 +2364,19 @@ | ||
| 1983 | .audio-title { | 2364 | .audio-title { |
| 1984 | font-size: (12 / 37.5rem); | 2365 | font-size: (12 / 37.5rem); |
| 1985 | font-weight: 500; | 2366 | font-weight: 500; |
| 2367 | + height: (16 / 37.5rem); | ||
| 1986 | line-height: (16 / 37.5rem); | 2368 | line-height: (16 / 37.5rem); |
| 1987 | color: #000000; | 2369 | color: #000000; |
| 1988 | - display: -webkit-box; | ||
| 1989 | - -webkit-line-clamp: 1; | ||
| 1990 | - -webkit-box-orient: vertical; | 2370 | + position: relative; |
| 2371 | + display: flex; | ||
| 2372 | + align-items: center; | ||
| 1991 | overflow: hidden; | 2373 | overflow: hidden; |
| 1992 | - text-overflow: ellipsis; | ||
| 1993 | - word-wrap: break-word; | 2374 | + |
| 2375 | + .audio-notice-title { | ||
| 2376 | + position: absolute; | ||
| 2377 | + white-space: nowrap; | ||
| 2378 | + transition-timing-function: linear; | ||
| 2379 | + } | ||
| 1994 | } | 2380 | } |
| 1995 | 2381 | ||
| 1996 | .audio-extra { | 2382 | .audio-extra { |
| @@ -2044,10 +2430,14 @@ | @@ -2044,10 +2430,14 @@ | ||
| 2044 | border-radius: (4 / 37.5rem); | 2430 | border-radius: (4 / 37.5rem); |
| 2045 | cursor: pointer; | 2431 | cursor: pointer; |
| 2046 | color: unset !important; | 2432 | color: unset !important; |
| 2047 | - margin-bottom: 0.4266666666666667rem; | ||
| 2048 | text-decoration: unset !important; | 2433 | text-decoration: unset !important; |
| 2049 | background: #F5F5F5; | 2434 | background: #F5F5F5; |
| 2050 | border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05); | 2435 | border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05); |
| 2436 | + margin-bottom: (16 / 37.5rem); | ||
| 2437 | + | ||
| 2438 | + & + .preview-image-block { | ||
| 2439 | + margin-top: 0 !important; | ||
| 2440 | + } | ||
| 2051 | } | 2441 | } |
| 2052 | 2442 | ||
| 2053 | #newsContent .preview-link-card-mobile.card-image { | 2443 | #newsContent .preview-link-card-mobile.card-image { |
| @@ -2130,20 +2520,6 @@ | @@ -2130,20 +2520,6 @@ | ||
| 2130 | word-break: break-all; | 2520 | word-break: break-all; |
| 2131 | } | 2521 | } |
| 2132 | 2522 | ||
| 2133 | -.sharePoster { | ||
| 2134 | - height: (36 / 37.5rem); | ||
| 2135 | - position: relative; | ||
| 2136 | - | ||
| 2137 | - .news { | ||
| 2138 | - width: (28 / 37.5rem); | ||
| 2139 | - height: (12 / 37.5rem); | ||
| 2140 | - position: absolute; | ||
| 2141 | - right: (-8 / 37.5rem); | ||
| 2142 | - top: (-5 / 37.5rem); | ||
| 2143 | - z-index: 11; | ||
| 2144 | - } | ||
| 2145 | -} | ||
| 2146 | - | ||
| 2147 | .share { | 2523 | .share { |
| 2148 | margin-top: (24 / 37.5rem); | 2524 | margin-top: (24 / 37.5rem); |
| 2149 | height: (36 / 37.5rem); | 2525 | height: (36 / 37.5rem); |
| @@ -2152,6 +2528,25 @@ | @@ -2152,6 +2528,25 @@ | ||
| 2152 | margin-left: (-4 / 37.5rem); | 2528 | margin-left: (-4 / 37.5rem); |
| 2153 | } | 2529 | } |
| 2154 | 2530 | ||
| 2531 | + .share-wrapper { | ||
| 2532 | + img { | ||
| 2533 | + float: left; | ||
| 2534 | + height: (36 / 37.5rem); | ||
| 2535 | + } | ||
| 2536 | + | ||
| 2537 | + .image-first { | ||
| 2538 | + width: (10 / 37.5rem); | ||
| 2539 | + } | ||
| 2540 | + | ||
| 2541 | + .image-center { | ||
| 2542 | + width: calc(100% - 0.7466666666666667rem); | ||
| 2543 | + } | ||
| 2544 | + | ||
| 2545 | + .image-end { | ||
| 2546 | + width: (18 / 37.5rem); | ||
| 2547 | + } | ||
| 2548 | + } | ||
| 2549 | + | ||
| 2155 | .share-content { | 2550 | .share-content { |
| 2156 | display: flex; | 2551 | display: flex; |
| 2157 | align-items: center; | 2552 | align-items: center; |
| @@ -2168,13 +2563,32 @@ | @@ -2168,13 +2563,32 @@ | ||
| 2168 | } | 2563 | } |
| 2169 | 2564 | ||
| 2170 | span { | 2565 | span { |
| 2566 | + position: relative; | ||
| 2171 | margin-left: (3 / 37.5rem); | 2567 | margin-left: (3 / 37.5rem); |
| 2172 | font-size: (12 / 37.5rem); | 2568 | font-size: (12 / 37.5rem); |
| 2569 | + top: (0.5 / 37.5rem); | ||
| 2173 | color: #666666; | 2570 | color: #666666; |
| 2174 | } | 2571 | } |
| 2175 | } | 2572 | } |
| 2176 | } | 2573 | } |
| 2177 | 2574 | ||
| 2575 | +.sharePoster { | ||
| 2576 | + height: (36 / 37.5rem); | ||
| 2577 | + position: relative; | ||
| 2578 | + | ||
| 2579 | + &.share-wrapper { | ||
| 2580 | + .news { | ||
| 2581 | + width: (28 / 37.5rem); | ||
| 2582 | + height: (12 / 37.5rem); | ||
| 2583 | + position: absolute; | ||
| 2584 | + right: (-8 / 37.5rem); | ||
| 2585 | + top: (-5 / 37.5rem); | ||
| 2586 | + z-index: 11; | ||
| 2587 | + float: none; | ||
| 2588 | + } | ||
| 2589 | + } | ||
| 2590 | +} | ||
| 2591 | + | ||
| 2178 | .share-wechat { | 2592 | .share-wechat { |
| 2179 | height: (36 / 37.5rem); | 2593 | height: (36 / 37.5rem); |
| 2180 | 2594 | ||
| @@ -2182,6 +2596,20 @@ | @@ -2182,6 +2596,20 @@ | ||
| 2182 | .share-content { | 2596 | .share-content { |
| 2183 | left: calc(45% + 0.25rem); | 2597 | left: calc(45% + 0.25rem); |
| 2184 | } | 2598 | } |
| 2599 | + | ||
| 2600 | + &.share-wrapper { | ||
| 2601 | + .image-first { | ||
| 2602 | + width: (16 / 37.5rem); | ||
| 2603 | + } | ||
| 2604 | + | ||
| 2605 | + .image-center { | ||
| 2606 | + width: calc(100% - 0.8533333333333334rem); | ||
| 2607 | + } | ||
| 2608 | + | ||
| 2609 | + .image-end { | ||
| 2610 | + width: (16 / 37.5rem); | ||
| 2611 | + } | ||
| 2612 | + } | ||
| 2185 | } | 2613 | } |
| 2186 | 2614 | ||
| 2187 | .share-content { | 2615 | .share-content { |
| @@ -2196,6 +2624,20 @@ | @@ -2196,6 +2624,20 @@ | ||
| 2196 | left: calc(45% + 0.2rem); | 2624 | left: calc(45% + 0.2rem); |
| 2197 | min-width: 1.8rem; | 2625 | min-width: 1.8rem; |
| 2198 | } | 2626 | } |
| 2627 | + | ||
| 2628 | + &.share-wrapper { | ||
| 2629 | + .image-first { | ||
| 2630 | + width: (16 / 37.5rem); | ||
| 2631 | + } | ||
| 2632 | + | ||
| 2633 | + .image-center { | ||
| 2634 | + width: calc(100% - 0.8533333333333334rem); | ||
| 2635 | + } | ||
| 2636 | + | ||
| 2637 | + .image-end { | ||
| 2638 | + width: (16 / 37.5rem); | ||
| 2639 | + } | ||
| 2640 | + } | ||
| 2199 | } | 2641 | } |
| 2200 | 2642 | ||
| 2201 | .share-weibo { | 2643 | .share-weibo { |
| @@ -2204,6 +2646,20 @@ | @@ -2204,6 +2646,20 @@ | ||
| 2204 | .share-content { | 2646 | .share-content { |
| 2205 | left: calc(45% + 0.4rem); | 2647 | left: calc(45% + 0.4rem); |
| 2206 | } | 2648 | } |
| 2649 | + | ||
| 2650 | + &.share-wrapper { | ||
| 2651 | + .image-first { | ||
| 2652 | + width: (18 / 37.5rem); | ||
| 2653 | + } | ||
| 2654 | + | ||
| 2655 | + .image-center { | ||
| 2656 | + width: calc(100% - 0.7466666666666667rem); | ||
| 2657 | + } | ||
| 2658 | + | ||
| 2659 | + .image-end { | ||
| 2660 | + width: (10 / 37.5rem); | ||
| 2661 | + } | ||
| 2662 | + } | ||
| 2207 | } | 2663 | } |
| 2208 | 2664 | ||
| 2209 | .share-box { | 2665 | .share-box { |
| @@ -2211,19 +2667,6 @@ | @@ -2211,19 +2667,6 @@ | ||
| 2211 | box-sizing: border-box; | 2667 | box-sizing: border-box; |
| 2212 | width: 33.3%; | 2668 | width: 33.3%; |
| 2213 | position: relative; | 2669 | position: relative; |
| 2214 | - | ||
| 2215 | - &:before { | ||
| 2216 | - content: ''; | ||
| 2217 | - position: absolute; | ||
| 2218 | - left: 0; | ||
| 2219 | - top: 0; | ||
| 2220 | - width: calc(100% - 0.4266666666666667rem); | ||
| 2221 | - height: (34 / 37.5rem); | ||
| 2222 | - border: 1px solid #EDEDED; | ||
| 2223 | - border-right: 0; | ||
| 2224 | - border-top-left-radius: (3 / 37.5rem); | ||
| 2225 | - border-bottom-left-radius: (3 / 37.5rem); | ||
| 2226 | - } | ||
| 2227 | } | 2670 | } |
| 2228 | 2671 | ||
| 2229 | .share-box-center { | 2672 | .share-box-center { |
| @@ -2297,11 +2740,15 @@ | @@ -2297,11 +2740,15 @@ | ||
| 2297 | height: (40 / 37.5rem); | 2740 | height: (40 / 37.5rem); |
| 2298 | padding-left: 0; | 2741 | padding-left: 0; |
| 2299 | overflow: hidden; | 2742 | overflow: hidden; |
| 2300 | - margin-bottom: 0.4266666666666667rem; | ||
| 2301 | border-radius: (4 / 37.5rem); | 2743 | border-radius: (4 / 37.5rem); |
| 2302 | background: #FFFFFF; | 2744 | background: #FFFFFF; |
| 2303 | border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05); | 2745 | border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05); |
| 2304 | box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05); | 2746 | box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05); |
| 2747 | + margin-bottom: (16 / 37.5rem); | ||
| 2748 | + | ||
| 2749 | + & + .preview-image-block { | ||
| 2750 | + margin-top: 0 !important; | ||
| 2751 | + } | ||
| 2305 | } | 2752 | } |
| 2306 | 2753 | ||
| 2307 | #newsContent .en-scroll-text::after { | 2754 | #newsContent .en-scroll-text::after { |
| @@ -2349,7 +2796,11 @@ | @@ -2349,7 +2796,11 @@ | ||
| 2349 | } | 2796 | } |
| 2350 | 2797 | ||
| 2351 | #newsContent .en-echart { | 2798 | #newsContent .en-echart { |
| 2352 | - margin-bottom: 0.4266666666666667rem; | 2799 | + margin-bottom: (16 / 37.5rem); |
| 2800 | + | ||
| 2801 | + & + .preview-image-block { | ||
| 2802 | + margin-top: 0 !important; | ||
| 2803 | + } | ||
| 2353 | } | 2804 | } |
| 2354 | 2805 | ||
| 2355 | #newsContent .en-echart .en-echart-title { | 2806 | #newsContent .en-echart .en-echart-title { |
| @@ -2375,7 +2826,11 @@ | @@ -2375,7 +2826,11 @@ | ||
| 2375 | display: flex; | 2826 | display: flex; |
| 2376 | justify-content: center; | 2827 | justify-content: center; |
| 2377 | flex-direction: column; | 2828 | flex-direction: column; |
| 2378 | - margin-bottom: 0.4266666666666667rem; | 2829 | + margin-bottom: (16 / 37.5rem); |
| 2830 | + | ||
| 2831 | + & + .preview-image-block { | ||
| 2832 | + margin-top: 0 !important; | ||
| 2833 | + } | ||
| 2379 | } | 2834 | } |
| 2380 | 2835 | ||
| 2381 | #newsContent .en-table .en-table-title { | 2836 | #newsContent .en-table .en-table-title { |
| @@ -2391,10 +2846,14 @@ | @@ -2391,10 +2846,14 @@ | ||
| 2391 | } | 2846 | } |
| 2392 | 2847 | ||
| 2393 | #newsContent .en-text-1 { | 2848 | #newsContent .en-text-1 { |
| 2394 | - padding: (12 / 37.5rem); | 2849 | + padding: (16 / 37.5rem) (12 / 37.5rem) (16 / 37.5rem) (11 / 37.5rem); |
| 2395 | border-left: (2.2 / 37.5rem) solid #ED2800; | 2850 | border-left: (2.2 / 37.5rem) solid #ED2800; |
| 2396 | background: #faf3f4; | 2851 | background: #faf3f4; |
| 2397 | - margin-bottom: 0.4266666666666667rem; | 2852 | + margin-bottom: (16 / 37.5rem); |
| 2853 | + | ||
| 2854 | + & + .preview-image-block { | ||
| 2855 | + margin-top: 0 !important; | ||
| 2856 | + } | ||
| 2398 | } | 2857 | } |
| 2399 | 2858 | ||
| 2400 | #newsContent .en-text-1-title { | 2859 | #newsContent .en-text-1-title { |
| @@ -2416,7 +2875,11 @@ | @@ -2416,7 +2875,11 @@ | ||
| 2416 | #newsContent .en-text-2 { | 2875 | #newsContent .en-text-2 { |
| 2417 | padding: .rem(3)[@result]; | 2876 | padding: .rem(3)[@result]; |
| 2418 | border: (3 / 37.5rem) solid #ED2800; | 2877 | border: (3 / 37.5rem) solid #ED2800; |
| 2419 | - margin-bottom: 0.4266666666666667rem; | 2878 | + margin-bottom: (16 / 37.5rem); |
| 2879 | + | ||
| 2880 | + & + .preview-image-block { | ||
| 2881 | + margin-top: 0 !important; | ||
| 2882 | + } | ||
| 2420 | } | 2883 | } |
| 2421 | 2884 | ||
| 2422 | #newsContent .en-text-2-title { | 2885 | #newsContent .en-text-2-title { |
| @@ -2432,7 +2895,11 @@ | @@ -2432,7 +2895,11 @@ | ||
| 2432 | position: relative; | 2895 | position: relative; |
| 2433 | border: (1 / 37.5rem) solid #ED2800; | 2896 | border: (1 / 37.5rem) solid #ED2800; |
| 2434 | padding: (16 / 37.5rem) (12 / 37.5rem) (12 / 37.5rem) (12 / 37.5rem); | 2897 | padding: (16 / 37.5rem) (12 / 37.5rem) (12 / 37.5rem) (12 / 37.5rem); |
| 2435 | - margin-bottom: 0.4266666666666667rem; | 2898 | + margin-bottom: (16 / 37.5rem); |
| 2899 | + | ||
| 2900 | + & + .preview-image-block { | ||
| 2901 | + margin-top: 0 !important; | ||
| 2902 | + } | ||
| 2436 | } | 2903 | } |
| 2437 | 2904 | ||
| 2438 | #newsContent .en-text-3 .en-text-3-title { | 2905 | #newsContent .en-text-3 .en-text-3-title { |
| @@ -2464,19 +2931,27 @@ | @@ -2464,19 +2931,27 @@ | ||
| 2464 | } | 2931 | } |
| 2465 | 2932 | ||
| 2466 | #newsContent .en-text-4 { | 2933 | #newsContent .en-text-4 { |
| 2934 | + display: flex; | ||
| 2935 | + align-items: center; | ||
| 2936 | + justify-content: center; | ||
| 2937 | + margin-bottom: (16 / 37.5rem); | ||
| 2938 | + | ||
| 2939 | + & + .preview-image-block { | ||
| 2940 | + margin-top: 0 !important; | ||
| 2941 | + } | ||
| 2942 | +} | ||
| 2943 | + | ||
| 2944 | +#newsContent .en-text-4 .en-text-4-block { | ||
| 2467 | position: relative; | 2945 | position: relative; |
| 2468 | display: flex; | 2946 | display: flex; |
| 2469 | align-items: center; | 2947 | align-items: center; |
| 2470 | justify-content: center; | 2948 | justify-content: center; |
| 2471 | color: #fff; | 2949 | color: #fff; |
| 2472 | - width: (199 / 37.5rem); | ||
| 2473 | - height: (44 / 37.5rem); | 2950 | + padding: (11 / 37.5rem) (24 / 37.5rem); |
| 2474 | background-repeat: no-repeat; | 2951 | background-repeat: no-repeat; |
| 2475 | background-size: 100%; | 2952 | background-size: 100%; |
| 2476 | font-size: (18 / 37.5rem); | 2953 | font-size: (18 / 37.5rem); |
| 2477 | line-height: (22 / 37.5rem); | 2954 | line-height: (22 / 37.5rem); |
| 2478 | - margin: 0 auto; | ||
| 2479 | - margin-bottom: 0.4266666666666667rem; | ||
| 2480 | } | 2955 | } |
| 2481 | 2956 | ||
| 2482 | #newsContent .en-text-4 .en-text-4-end { | 2957 | #newsContent .en-text-4 .en-text-4-end { |
| @@ -2494,7 +2969,11 @@ | @@ -2494,7 +2969,11 @@ | ||
| 2494 | #newsContent .en-text-5 { | 2969 | #newsContent .en-text-5 { |
| 2495 | display: flex; | 2970 | display: flex; |
| 2496 | justify-content: center; | 2971 | justify-content: center; |
| 2497 | - margin-bottom: 0.4266666666666667rem; | 2972 | + margin-bottom: (16 / 37.5rem); |
| 2973 | + | ||
| 2974 | + & + .preview-image-block { | ||
| 2975 | + margin-top: 0 !important; | ||
| 2976 | + } | ||
| 2498 | } | 2977 | } |
| 2499 | 2978 | ||
| 2500 | #newsContent .en-text-5-block { | 2979 | #newsContent .en-text-5-block { |
| @@ -2511,7 +2990,7 @@ | @@ -2511,7 +2990,7 @@ | ||
| 2511 | height: (44 / 37.5rem); | 2990 | height: (44 / 37.5rem); |
| 2512 | background: #ED2800; | 2991 | background: #ED2800; |
| 2513 | color: #fff; | 2992 | color: #fff; |
| 2514 | - | 2993 | + font-weight: bold; |
| 2515 | font-size: (18 / 37.5rem); | 2994 | font-size: (18 / 37.5rem); |
| 2516 | line-height: (22 / 37.5rem); | 2995 | line-height: (22 / 37.5rem); |
| 2517 | color: #FFFFFF; | 2996 | color: #FFFFFF; |
| @@ -2521,10 +3000,10 @@ | @@ -2521,10 +3000,10 @@ | ||
| 2521 | display: flex; | 3000 | display: flex; |
| 2522 | align-items: center; | 3001 | align-items: center; |
| 2523 | justify-content: center; | 3002 | justify-content: center; |
| 2524 | - width: ((234 - 44) / 37.5rem); | 3003 | + padding: 0 (24 / 37.5rem) 0 (16 / 37.5rem); |
| 2525 | height: (44 / 37.5rem); | 3004 | height: (44 / 37.5rem); |
| 2526 | background: #f4e8e9; | 3005 | background: #f4e8e9; |
| 2527 | - | 3006 | + font-weight: bold; |
| 2528 | font-size: (18 / 37.5rem); | 3007 | font-size: (18 / 37.5rem); |
| 2529 | line-height: (22 / 37.5rem); | 3008 | line-height: (22 / 37.5rem); |
| 2530 | color: #ED2800; | 3009 | color: #ED2800; |
| @@ -2535,7 +3014,6 @@ | @@ -2535,7 +3014,6 @@ | ||
| 2535 | font-size: (12 / 37.5rem); | 3014 | font-size: (12 / 37.5rem); |
| 2536 | line-height: (14 / 37.5rem); | 3015 | line-height: (14 / 37.5rem); |
| 2537 | color: #CCCCCC; | 3016 | color: #CCCCCC; |
| 2538 | - text-align: justify; | ||
| 2539 | } | 3017 | } |
| 2540 | 3018 | ||
| 2541 | .active-wrapper { | 3019 | .active-wrapper { |
| @@ -2594,21 +3072,7 @@ | @@ -2594,21 +3072,7 @@ | ||
| 2594 | 3072 | ||
| 2595 | .article-source { | 3073 | .article-source { |
| 2596 | position: relative; | 3074 | position: relative; |
| 2597 | - padding-left: (7 / 37.5rem); | ||
| 2598 | margin-right: (8 / 37.5rem); | 3075 | margin-right: (8 / 37.5rem); |
| 2599 | - | ||
| 2600 | - &:before { | ||
| 2601 | - display: block; | ||
| 2602 | - left: 0; | ||
| 2603 | - top: (3 / 37.5rem); | ||
| 2604 | - position: absolute; | ||
| 2605 | - content: ''; | ||
| 2606 | - background-image: url("../image/sourceIocn.svg"); | ||
| 2607 | - background-repeat: no-repeat; | ||
| 2608 | - background-size: 100%; | ||
| 2609 | - width: (3 / 37.5rem); | ||
| 2610 | - height: (14 / 37.5rem); | ||
| 2611 | - } | ||
| 2612 | } | 3076 | } |
| 2613 | 3077 | ||
| 2614 | @keyframes voteProgressFull { | 3078 | @keyframes voteProgressFull { |
| 1 | -/****reset****/ | ||
| 2 | -body, | ||
| 3 | -div, | ||
| 4 | -table, | ||
| 5 | -tr, | ||
| 6 | -td, | ||
| 7 | -th, | ||
| 8 | -h1, | ||
| 9 | -h2, | ||
| 10 | -h3, | ||
| 11 | -h4, | ||
| 12 | -h5, | ||
| 13 | -h6, | ||
| 14 | -form, | ||
| 15 | -input, | ||
| 16 | -button, | ||
| 17 | -label, | ||
| 18 | -select, | ||
| 19 | -textarea, | ||
| 20 | -p, | ||
| 21 | -u, | ||
| 22 | -i, | ||
| 23 | -em, | ||
| 24 | -ul, | ||
| 25 | -ol, | ||
| 26 | -li, | ||
| 27 | -dl, | ||
| 28 | -dd, | ||
| 29 | -dt, | ||
| 30 | -img, | ||
| 31 | -article, | ||
| 32 | -aside, | ||
| 33 | -details, | ||
| 34 | -figcaption, | ||
| 35 | -figure, | ||
| 36 | -footer, | ||
| 37 | -header, | ||
| 38 | -menu, | ||
| 39 | -nav, | ||
| 40 | -section { | ||
| 41 | - box-sizing: border-box; | ||
| 42 | - margin: 0; | ||
| 43 | - padding: 0; | ||
| 44 | - font-size: 100%; | ||
| 45 | - vertical-align: baseline; | ||
| 46 | - border: 0; | ||
| 47 | - outline: 0; | ||
| 48 | -} | ||
| 49 | -li { | ||
| 50 | - list-style: none; | ||
| 51 | -} | ||
| 52 | -h1, | ||
| 53 | -h2, | ||
| 54 | -h3, | ||
| 55 | -h4, | ||
| 56 | -h5, | ||
| 57 | -h6 { | ||
| 58 | - font-size: 100%; | ||
| 59 | -} | ||
| 60 | -table { | ||
| 61 | - border-collapse: collapse; | ||
| 62 | - border-spacing: 0; | ||
| 63 | - width: 100%; | ||
| 64 | -} | ||
| 65 | -a, | ||
| 66 | -input, | ||
| 67 | -select, | ||
| 68 | -textarea, | ||
| 69 | -area, | ||
| 70 | -button { | ||
| 71 | - outline: none; | ||
| 72 | - font-family: inherit; | ||
| 73 | - font-size: inherit; | ||
| 74 | - border: none; | ||
| 75 | - background: none; | ||
| 76 | - color: inherit; | ||
| 77 | -} | ||
| 78 | -a { | ||
| 79 | - text-decoration: none; | ||
| 80 | -} | ||
| 81 | -a:hover { | ||
| 82 | - text-decoration: none; | ||
| 83 | -} | ||
| 84 | -textarea { | ||
| 85 | - overflow: auto; | ||
| 86 | - resize: none; | ||
| 87 | -} | ||
| 88 | -input[type="button"], | ||
| 89 | -input[type="submit"], | ||
| 90 | -input[type="reset"] { | ||
| 91 | - cursor: pointer; | ||
| 92 | - -webkit-appearance: none; | ||
| 93 | -} | ||
| 94 | -html, | ||
| 95 | -body { | ||
| 96 | - overflow-x: hidden; | ||
| 97 | - width: 100%; | ||
| 98 | - height: 100%; | ||
| 99 | - background: #ffffff; | ||
| 100 | -} | ||
| 101 | -* { | ||
| 102 | - -webkit-overflow-scrolling: touch; | ||
| 103 | -} | ||
| 104 | -html { | ||
| 105 | - -webkit-tap-highlight-color: transparent; | ||
| 106 | -} | ||
| 107 | -body { | ||
| 108 | - text-align: left; | ||
| 109 | -} | ||
| 110 | -body #app { | ||
| 111 | - height: 100%; | ||
| 112 | -} | ||
| 113 | -body #app::-webkit-scrollbar { | ||
| 114 | - display: none; | ||
| 115 | -} | ||
| 116 | -body #app::-webkit-scrollbar-thumb { | ||
| 117 | - display: none; | ||
| 118 | -} | ||
| 119 | -body #app::-webkit-scrollbar-track { | ||
| 120 | - display: none; | ||
| 121 | -} | ||
| 122 | -.fl { | ||
| 123 | - float: left; | ||
| 124 | -} | ||
| 125 | -.fr { | ||
| 126 | - float: right; | ||
| 127 | -} | ||
| 128 | -.clearfix { | ||
| 129 | - zoom: 1; | ||
| 130 | -} | ||
| 131 | -.clearfix::before, | ||
| 132 | -.clearfix::after { | ||
| 133 | - display: table; | ||
| 134 | - content: " "; | ||
| 135 | -} | ||
| 136 | -.clearfix::after { | ||
| 137 | - clear: both; | ||
| 138 | - height: 0; | ||
| 139 | - font-size: 0; | ||
| 140 | - visibility: hidden; | ||
| 141 | -} | ||
| 142 | -.ant-skeleton { | ||
| 143 | - display: table; | ||
| 144 | - width: 100%; | ||
| 145 | -} | ||
| 146 | -.ant-skeleton + .ant-skeleton { | ||
| 147 | - margin-top: 0.64rem; | ||
| 148 | -} | ||
| 149 | -.ant-skeleton.active { | ||
| 150 | - display: none; | ||
| 151 | -} | ||
| 152 | -.ant-skeleton-content { | ||
| 153 | - display: table-cell; | ||
| 154 | - width: 100%; | ||
| 155 | - margin-bottom: 0.64rem; | ||
| 156 | - vertical-align: top; | ||
| 157 | -} | ||
| 158 | -.ant-skeleton-content .ant-skeleton-title { | ||
| 159 | - width: 100%; | ||
| 160 | - height: 0.53333rem; | ||
| 161 | - margin-top: 0.26667rem; | ||
| 162 | - background: #f2f2f2; | ||
| 163 | -} | ||
| 164 | -.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { | ||
| 165 | - margin-top: 0.64rem; | ||
| 166 | -} | ||
| 167 | -.ant-skeleton-content .ant-skeleton-paragraph { | ||
| 168 | - padding: 0; | ||
| 169 | -} | ||
| 170 | -.ant-skeleton-content .ant-skeleton-paragraph > li { | ||
| 171 | - width: 23.3%; | ||
| 172 | - height: 0.32rem; | ||
| 173 | - list-style: none; | ||
| 174 | - background: #f2f2f2; | ||
| 175 | -} | ||
| 176 | -.ant-skeleton-content .ant-skeleton-paragraph > li + li { | ||
| 177 | - margin-top: 0.26667rem; | ||
| 178 | -} | ||
| 179 | -.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { | ||
| 180 | - width: 61%; | ||
| 181 | -} | ||
| 182 | -.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar, | ||
| 183 | -.ant-skeleton.ant-skeleton-active .ant-skeleton-button, | ||
| 184 | -.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li, | ||
| 185 | -.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, | ||
| 186 | -.ant-skeleton.ant-skeleton-active .ant-skeleton-image, | ||
| 187 | -.ant-skeleton.ant-skeleton-active .ant-skeleton-input { | ||
| 188 | - background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2)); | ||
| 189 | - background: -webkit-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); | ||
| 190 | - background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); | ||
| 191 | - background-size: 400% 100%; | ||
| 192 | - -webkit-animation: ant-skeleton-loading 1.4s ease infinite; | ||
| 193 | - animation: ant-skeleton-loading 1.4s ease infinite; | ||
| 194 | -} | ||
| 195 | -@-webkit-keyframes ant-skeleton-loading { | ||
| 196 | - 0% { | ||
| 197 | - background-position: 100% 50%; | ||
| 198 | - } | ||
| 199 | - 100% { | ||
| 200 | - background-position: 0 50%; | ||
| 201 | - } | ||
| 202 | -} | ||
| 203 | -@keyframes ant-skeleton-loading { | ||
| 204 | - 0% { | ||
| 205 | - background-position: 100% 50%; | ||
| 206 | - } | ||
| 207 | - 100% { | ||
| 208 | - background-position: 0 50%; | ||
| 209 | - } | ||
| 210 | -} | ||
| 211 | -@-webkit-keyframes spinner-anime { | ||
| 212 | - 100% { | ||
| 213 | - -webkit-transform: rotate(360deg); | ||
| 214 | - transform: rotate(360deg); | ||
| 215 | - } | ||
| 216 | -} | ||
| 217 | -@keyframes spinner-anime { | ||
| 218 | - 100% { | ||
| 219 | - -webkit-transform: rotate(360deg); | ||
| 220 | - transform: rotate(360deg); | ||
| 221 | - } | ||
| 222 | -} | ||
| 223 | -.toast-loading { | ||
| 224 | - position: fixed; | ||
| 225 | - top: 0; | ||
| 226 | - left: 0; | ||
| 227 | - width: 100%; | ||
| 228 | - height: 100%; | ||
| 229 | - display: -webkit-box; | ||
| 230 | - display: -webkit-flex; | ||
| 231 | - display: -ms-flexbox; | ||
| 232 | - display: flex; | ||
| 233 | - -webkit-box-pack: center; | ||
| 234 | - -webkit-justify-content: center; | ||
| 235 | - -ms-flex-pack: center; | ||
| 236 | - justify-content: center; | ||
| 237 | - -webkit-box-align: center; | ||
| 238 | - -webkit-align-items: center; | ||
| 239 | - -ms-flex-align: center; | ||
| 240 | - align-items: center; | ||
| 241 | - text-align: center; | ||
| 242 | - z-index: 9999999999; | ||
| 243 | -} | ||
| 244 | -.toast-loading.active { | ||
| 245 | - display: none; | ||
| 246 | -} | ||
| 247 | -.toast-loading.none { | ||
| 248 | - display: none; | ||
| 249 | -} | ||
| 250 | -.toast-loading .loading-cont { | ||
| 251 | - display: -webkit-box; | ||
| 252 | - display: -webkit-flex; | ||
| 253 | - display: -ms-flexbox; | ||
| 254 | - display: flex; | ||
| 255 | - -webkit-box-orient: vertical; | ||
| 256 | - -webkit-box-direction: normal; | ||
| 257 | - -webkit-flex-direction: column; | ||
| 258 | - -ms-flex-direction: column; | ||
| 259 | - flex-direction: column; | ||
| 260 | - -webkit-box-pack: center; | ||
| 261 | - -webkit-justify-content: center; | ||
| 262 | - -ms-flex-pack: center; | ||
| 263 | - justify-content: center; | ||
| 264 | - -webkit-box-align: center; | ||
| 265 | - -webkit-align-items: center; | ||
| 266 | - -ms-flex-align: center; | ||
| 267 | - align-items: center; | ||
| 268 | - padding: 15px 15px; | ||
| 269 | - border-radius: 7px; | ||
| 270 | - background-clip: padding-box; | ||
| 271 | - color: #fff; | ||
| 272 | - background-color: rgba(58, 58, 58, 0.9); | ||
| 273 | - font-size: 15px; | ||
| 274 | - line-height: 20px; | ||
| 275 | -} | ||
| 276 | -.toast-loading .loading-cont .svg { | ||
| 277 | - margin: 0; | ||
| 278 | - width: 32px; | ||
| 279 | - height: 32px; | ||
| 280 | - display: inline-block; | ||
| 281 | - width: 20px; | ||
| 282 | - height: 20px; | ||
| 283 | - background-image: url("../image/loading.svg"); | ||
| 284 | - background-position: 50%; | ||
| 285 | - background-size: 100%; | ||
| 286 | - background-repeat: no-repeat; | ||
| 287 | - -webkit-animation: spinner-anime 1s linear infinite; | ||
| 288 | - animation: spinner-anime 1s linear infinite; | ||
| 289 | -} | ||
| 290 | -.toast-loading .loading-cont .svg-text { | ||
| 291 | - display: inline-block; | ||
| 292 | - position: relative; | ||
| 293 | - top: 4px; | ||
| 294 | -} | ||
| 295 | -.skeleton-loading { | ||
| 296 | - display: block; | ||
| 297 | - padding: 0.32rem 0.48rem 0; | ||
| 298 | - height: 17.57333333rem; | ||
| 299 | - overflow: hidden; | ||
| 300 | -} | ||
| 301 | -.skeleton-loading.active { | ||
| 302 | - position: fixed; | ||
| 303 | - left: 0; | ||
| 304 | - top: 0; | ||
| 305 | - width: 100%; | ||
| 306 | - opacity: 0; | ||
| 307 | - visibility: hidden; | ||
| 308 | - z-index: -1; | ||
| 309 | -} | ||
| 310 | -.skeleton-loading.none { | ||
| 311 | - display: none; | ||
| 312 | -} | ||
| 313 | -.error-block { | ||
| 314 | - display: none; | ||
| 315 | - box-sizing: border-box; | ||
| 316 | - text-align: center; | ||
| 317 | - padding-top: 3.76rem; | ||
| 318 | -} | ||
| 319 | -.error-block.active { | ||
| 320 | - display: block; | ||
| 321 | -} | ||
| 322 | -.error-block .error-block-image { | ||
| 323 | - text-align: center; | ||
| 324 | -} | ||
| 325 | -.error-block .error-block-image img { | ||
| 326 | - width: 4.26666667rem; | ||
| 327 | - height: 2.98666667rem; | ||
| 328 | -} | ||
| 329 | -.error-block .error-block-retry-btn { | ||
| 330 | - width: 2.13333333rem; | ||
| 331 | - height: 0.74666667rem; | ||
| 332 | - border-radius: 0.08rem; | ||
| 333 | - border: 0.02666667rem solid #EDEDED; | ||
| 334 | - margin: 0 auto; | ||
| 335 | - margin-top: 0.42666667rem; | ||
| 336 | - font-size: 0.32rem; | ||
| 337 | - font-weight: bold; | ||
| 338 | - line-height: 0.74666667rem; | ||
| 339 | - text-align: center; | ||
| 340 | - color: #666666; | ||
| 341 | -} | ||
| 342 | -.error-block .error-block-description-title { | ||
| 343 | - text-align: center; | ||
| 344 | - margin: 0 auto; | ||
| 345 | - font-size: 14px; | ||
| 346 | - color: rgba(51, 51, 51, 0.5); | ||
| 347 | -} | ||
| 348 | -.ellipsis1 { | ||
| 349 | - overflow: hidden; | ||
| 350 | - text-overflow: ellipsis; | ||
| 351 | - display: -webkit-box; | ||
| 352 | - -webkit-line-clamp: 1; | ||
| 353 | - line-clamp: 1; | ||
| 354 | - -webkit-box-orient: vertical; | ||
| 355 | - word-wrap: break-word; | ||
| 356 | -} | ||
| 357 | -#app.fixed { | ||
| 358 | - position: fixed; | ||
| 359 | - left: 0; | ||
| 360 | - top: 0; | ||
| 361 | - z-index: -1; | ||
| 362 | - visibility: hidden; | ||
| 363 | - opacity: 0; | ||
| 364 | - width: 100%; | ||
| 365 | -} | ||
| 366 | -.gx-mobile.fixed { | ||
| 367 | - position: fixed; | ||
| 368 | - left: 0; | ||
| 369 | - top: 0; | ||
| 370 | - z-index: -1; | ||
| 371 | - visibility: hidden; | ||
| 372 | - opacity: 0; | ||
| 373 | - width: 100%; | ||
| 374 | - height: 17.57333333rem; | ||
| 375 | -} | ||
| 376 | -.gx-mobile.active { | ||
| 377 | - -webkit-animation-name: fadeIn; | ||
| 378 | - animation-name: fadeIn; | ||
| 379 | - -webkit-animation-duration: 0.2s; | ||
| 380 | - animation-duration: 0.2s; | ||
| 381 | -} | ||
| 382 | -.refresh-content { | ||
| 383 | - height: 100%; | ||
| 384 | -} | ||
| 385 | -.refresh-content .van-pull-refresh { | ||
| 386 | - height: 100%; | ||
| 387 | -} | ||
| 388 | -html { | ||
| 389 | - -webkit-transition: color 300ms, background-color 300ms; | ||
| 390 | - transition: color 300ms, background-color 300ms; | ||
| 391 | -} | ||
| 392 | -body .van-image__error, | ||
| 393 | -body .van-image__loading { | ||
| 394 | - display: block; | ||
| 395 | -} | ||
| 396 | -body .prism-fullscreen { | ||
| 397 | - z-index: 999999 !important; | ||
| 398 | -} | ||
| 399 | -body .prism-player .prism-animation, | ||
| 400 | -body .prism-player .prism-detect-info, | ||
| 401 | -body .prism-player .prism-button, | ||
| 402 | -body .prism-player .prism-setting-quality, | ||
| 403 | -body .prism-player .prism-setting-audio, | ||
| 404 | -body .prism-player .prism-setting-cc, | ||
| 405 | -body .prism-player .prism-cc-btn, | ||
| 406 | -body .prism-player .prism-volume, | ||
| 407 | -body .prism-player .prism-tooltip, | ||
| 408 | -body .prism-player .prism-setting-btn, | ||
| 409 | -body .prism-player .prism-button-retry, | ||
| 410 | -body .prism-player .dplayer-thumb, | ||
| 411 | -body .prism-player .prism-progress-played, | ||
| 412 | -body .prism-player .prism-progress-cursor, | ||
| 413 | -body .prism-player .prism-progress-hover, | ||
| 414 | -body .prism-player .prism-big-play-btn, | ||
| 415 | -body .prism-player .prism-controlbar, | ||
| 416 | -body .prism-player .prism-info-display, | ||
| 417 | -body .prism-player .prism-text-overlay, | ||
| 418 | -body .prism-player .prism-error-operation, | ||
| 419 | -body .prism-player .prism-ErrorMessage, | ||
| 420 | -body .prism-player .prism-cover, | ||
| 421 | -body .prism-player .prism-loading { | ||
| 422 | - display: none !important; | ||
| 423 | -} | ||
| 424 | -#__vconsole { | ||
| 425 | - z-index: 10000000; | ||
| 426 | -} | ||
| 427 | -#__vconsole .vc-switch { | ||
| 428 | - z-index: 10000000; | ||
| 429 | -} | ||
| 430 | -#__vconsole .vc-panel { | ||
| 431 | - min-height: unset !important; | ||
| 432 | - height: 500px !important; | ||
| 433 | -} | ||
| 434 | -#app { | ||
| 435 | - overflow-y: hidden; | ||
| 436 | - overflow-x: hidden; | ||
| 437 | -} | ||
| 438 | -#app .van-loading { | ||
| 439 | - text-align: center; | ||
| 440 | -} | ||
| 441 | -html[dark-mode] body { | ||
| 442 | - background-color: #161827; | ||
| 443 | -} | ||
| 444 | -html[dark-mode] body .gx-mobile .vote { | ||
| 445 | - background-color: #1D1F2F; | ||
| 446 | -} | ||
| 447 | -html[dark-mode] body .gx-mobile .suggested .suggested-title { | ||
| 448 | - color: #d9d9d9ff; | ||
| 449 | -} | ||
| 450 | -html[dark-mode] body .gx-mobile .suggested .suggested-item_title { | ||
| 451 | - color: #d9d9d9ff !important; | ||
| 452 | -} | ||
| 453 | -html[dark-mode] body .gx-mobile .suggested .subtitle { | ||
| 454 | - color: #d9d9d9ff !important; | ||
| 455 | -} | ||
| 456 | -html[dark-mode] body .gx-mobile .suggested .left span { | ||
| 457 | - color: #ffffff5c !important; | ||
| 458 | -} | ||
| 459 | -html[dark-mode] body .gx-mobile .title { | ||
| 460 | - color: #d9d9d9ff; | ||
| 461 | -} | ||
| 462 | -html[dark-mode] body .gx-mobile .ptxt { | ||
| 463 | - color: #ffffffab; | ||
| 464 | -} | ||
| 465 | -html[dark-mode] body .gx-mobile .btsIem { | ||
| 466 | - background-color: #161828; | ||
| 467 | -} | ||
| 468 | -html[dark-mode] body .gx-mobile .stx { | ||
| 469 | - color: #ffffffab !important; | ||
| 470 | -} | ||
| 471 | -html[dark-mode] body .gx-mobile .jd .s1 { | ||
| 472 | - background: -webkit-linear-gradient(right, #e5111eff 0%, #ffb5b9ff 100%); | ||
| 473 | - background: linear-gradient(270deg, #e5111eff 0%, #ffb5b9ff 100%); | ||
| 474 | -} | ||
| 475 | -html[dark-mode] body .gx-mobile .jd .s2 { | ||
| 476 | - background-color: #393A47 !important; | ||
| 477 | -} | ||
| 478 | -html[dark-mode] body .gx-mobile .open { | ||
| 479 | - background: -webkit-linear-gradient(270.1deg, #1d1f2e00 0%, #1d1f2eff 48%, #1d1f2eff 99%); | ||
| 480 | - background: linear-gradient(179.9deg, #1d1f2e00 0%, #1d1f2eff 48%, #1d1f2eff 99%); | ||
| 481 | -} | ||
| 482 | -html[dark-mode] body .gx-mobile .open img { | ||
| 483 | - width: 0.42667rem; | ||
| 484 | - height: 0.42667rem; | ||
| 485 | -} | ||
| 486 | -html[dark-mode] body .gx-mobile .time { | ||
| 487 | - color: rgba(255, 255, 255, 0.4); | ||
| 488 | -} | ||
| 489 | -html[dark-mode] body .gx-mobile #newsContent { | ||
| 490 | - background-color: #12131e !important; | ||
| 491 | - color: #ccc; | ||
| 492 | -} | ||
| 493 | -html[dark-mode] body .gx-mobile #newsContent h1, | ||
| 494 | -html[dark-mode] body .gx-mobile #newsContent h2, | ||
| 495 | -html[dark-mode] body .gx-mobile #newsContent div, | ||
| 496 | -html[dark-mode] body .gx-mobile #newsContent h3, | ||
| 497 | -html[dark-mode] body .gx-mobile #newsContent p, | ||
| 498 | -html[dark-mode] body .gx-mobile #newsContent h4, | ||
| 499 | -html[dark-mode] body .gx-mobile #newsContent h5, | ||
| 500 | -html[dark-mode] body .gx-mobile #newsContent h6, | ||
| 501 | -html[dark-mode] body .gx-mobile #newsContent ul, | ||
| 502 | -html[dark-mode] body .gx-mobile #newsContent li, | ||
| 503 | -html[dark-mode] body .gx-mobile #newsContent ol { | ||
| 504 | - background-color: #12131e !important; | ||
| 505 | - color: #ccc !important; | ||
| 506 | -} | ||
| 507 | -html[dark-mode] body .gx-mobile #newsContent .preview-video div, | ||
| 508 | -html[dark-mode] body .gx-mobile #newsContent .preview-video p { | ||
| 509 | - background-color: rgba(255, 255, 255, 0) !important; | ||
| 510 | -} | ||
| 511 | -html[dark-mode] body .footer { | ||
| 512 | - background-color: #12131e; | ||
| 513 | - border-top: #252630; | ||
| 514 | -} | ||
| 515 | -.anticon-spin { | ||
| 516 | - -webkit-animation: loadingCircle 1s infinite linear; | ||
| 517 | - animation: loadingCircle 1s infinite linear; | ||
| 518 | -} | ||
| 519 | -@-webkit-keyframes fadeIn { | ||
| 520 | - 0% { | ||
| 521 | - opacity: 0; | ||
| 522 | - } | ||
| 523 | - 100% { | ||
| 524 | - opacity: 1; | ||
| 525 | - } | ||
| 526 | -} | ||
| 527 | -@keyframes fadeIn { | ||
| 528 | - 0% { | ||
| 529 | - opacity: 0; | ||
| 530 | - } | ||
| 531 | - 100% { | ||
| 532 | - opacity: 1; | ||
| 533 | - } | ||
| 534 | -} | ||
| 535 | -@keyframes loadingCircle { | ||
| 536 | - 100% { | ||
| 537 | - -webkit-transform: rotate(360deg); | ||
| 538 | - transform: rotate(360deg); | ||
| 539 | - } | ||
| 540 | -} | ||
| 541 | -@-webkit-keyframes loadingCircle { | ||
| 542 | - 100% { | ||
| 543 | - -webkit-transform: rotate(360deg); | ||
| 544 | - transform: rotate(360deg); | ||
| 545 | - } | ||
| 546 | -} | ||
| 547 | -@keyframes loadingCircle { | ||
| 548 | - 100% { | ||
| 549 | - -webkit-transform: rotate(360deg); | ||
| 550 | - transform: rotate(360deg); | ||
| 551 | - } | ||
| 552 | -} | 1 | +article,aside,body,button,dd,details,div,dl,dt,em,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,i,img,input,label,li,menu,nav,ol,p,section,select,table,td,textarea,th,tr,u,ul{border:0;box-sizing:border-box;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}table{border-collapse:collapse;border-spacing:0;width:100%}a,area,button,input,select,textarea{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;outline:none}a,a:hover{text-decoration:none}textarea{overflow:auto;resize:none}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;cursor:pointer}body,html{background:#fff;height:100%;overflow-x:hidden;width:100%}*{-webkit-overflow-scrolling:touch}html{-webkit-tap-highlight-color:transparent}body{text-align:left}body #app{height:100%}body #app::-webkit-scrollbar,body #app::-webkit-scrollbar-thumb{display:none}body #app::-webkit-scrollbar-track{display:none}.fl{float:left}.fr{float:right}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both;font-size:0;height:0;visibility:hidden}.ant-skeleton{display:table;width:100%}.ant-skeleton+.ant-skeleton{margin-top:.64rem}.ant-skeleton.active{display:none}.ant-skeleton-content{display:table-cell;margin-bottom:.64rem;vertical-align:top;width:100%}.ant-skeleton-content .ant-skeleton-title{background:#f2f2f2;height:.53333rem;margin-top:.26667rem;width:100%}.ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:.64rem}.ant-skeleton-content .ant-skeleton-paragraph{padding:0}.ant-skeleton-content .ant-skeleton-paragraph>li{background:#f2f2f2;height:.32rem;list-style:none;width:23.3%}.ant-skeleton-content .ant-skeleton-paragraph>li+li{margin-top:.26667rem}.ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)){width:61%}.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton.ant-skeleton-active .ant-skeleton-button,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,.ant-skeleton.ant-skeleton-active .ant-skeleton-image,.ant-skeleton.ant-skeleton-active .ant-skeleton-input{-webkit-animation:ant-skeleton-loading 1.4s ease infinite;animation:ant-skeleton-loading 1.4s ease infinite;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:-webkit-linear-gradient(left,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%}@-webkit-keyframes ant-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes ant-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes spinner-anime{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-anime{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.toast-loading{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:9999999999}.toast-loading.active,.toast-loading.none{display:none}.toast-loading .loading-cont{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-clip:padding-box;background-color:rgba(58,58,58,.9);border-radius:7px;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:20px;padding:15px}.toast-loading .loading-cont .svg{-webkit-animation:spinner-anime 1s linear infinite;animation:spinner-anime 1s linear infinite;background-image:url(../image/loading.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:32px;height:20px;margin:0;width:32px;width:20px}.toast-loading .loading-cont .svg-text{display:inline-block;position:relative;top:4px}.skeleton-loading{display:block;height:100%;overflow:hidden;padding:.26666667rem .48rem 0}.skeleton-loading.active{left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}.skeleton-loading.none{display:none}.error-block{box-sizing:border-box;display:none;padding-top:3.76rem;text-align:center}.error-block.active{display:block}.error-block .error-block-image{text-align:center}.error-block .error-block-image img{height:2.98666667rem;width:4.26666667rem}.error-block .error-block-reload-btn,.error-block .error-block-retry-btn{border:.02666667rem solid #ededed;border-radius:.08rem;color:#666;font-size:.32rem;font-weight:700;height:.74666667rem;line-height:.74666667rem;margin:.42666667rem auto 0;text-align:center;width:2.13333333rem}.error-block .error-block-reload-btn{width:3.73333333rem}.error-block .error-block-description-title{color:rgba(51,51,51,.5);font-size:14px;margin:0 auto;text-align:center}.ellipsis1{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}#app.fixed,.gx-mobile.fixed{left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}.gx-mobile.fixed{height:17.57333333rem}.refresh-content,.refresh-content .van-pull-refresh{height:100%}html{-webkit-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s}body .van-image__error,body .van-image__loading{display:block}body .prism-fullscreen{z-index:999999!important}body .prism-player .dplayer-thumb,body .prism-player .prism-ErrorMessage,body .prism-player .prism-animation,body .prism-player .prism-big-play-btn,body .prism-player .prism-button,body .prism-player .prism-button-retry,body .prism-player .prism-cc-btn,body .prism-player .prism-controlbar,body .prism-player .prism-cover,body .prism-player .prism-detect-info,body .prism-player .prism-error-operation,body .prism-player .prism-info-display,body .prism-player .prism-loading,body .prism-player .prism-progress-cursor,body .prism-player .prism-progress-hover,body .prism-player .prism-progress-played,body .prism-player .prism-setting-audio,body .prism-player .prism-setting-btn,body .prism-player .prism-setting-cc,body .prism-player .prism-setting-quality,body .prism-player .prism-text-overlay,body .prism-player .prism-tooltip,body .prism-player .prism-volume{display:none!important}#__vconsole,#__vconsole .vc-switch{z-index:10000000}#__vconsole .vc-panel{height:500px!important;min-height:unset!important}#app{overflow-x:hidden;overflow-y:hidden}#app .van-loading{text-align:center}html[dark-mode] body{background-color:#161827}html[dark-mode] body .gx-mobile .vote{background-color:#1d1f2f}html[dark-mode] body .gx-mobile .suggested .suggested-title{color:#d9d9d9}html[dark-mode] body .gx-mobile .suggested .subtitle,html[dark-mode] body .gx-mobile .suggested .suggested-item_title{color:#d9d9d9!important}html[dark-mode] body .gx-mobile .suggested .left span{color:#ffffff5c!important}html[dark-mode] body .gx-mobile .title{color:#d9d9d9}html[dark-mode] body .gx-mobile .ptxt{color:#ffffffab}html[dark-mode] body .gx-mobile .btsIem{background-color:#161828}html[dark-mode] body .gx-mobile .stx{color:#ffffffab!important}html[dark-mode] body .gx-mobile .jd .s1{background:-webkit-linear-gradient(right,#e5111e,#ffb5b9);background:linear-gradient(270deg,#e5111e,#ffb5b9)}html[dark-mode] body .gx-mobile .jd .s2{background-color:#393a47!important}html[dark-mode] body .gx-mobile .open{background:-webkit-linear-gradient(270.1deg,#1d1f2e00,#1d1f2e 48%,#1d1f2e 99%);background:linear-gradient(179.9deg,#1d1f2e00,#1d1f2e 48%,#1d1f2e 99%)}html[dark-mode] body .gx-mobile .open img{height:.42667rem;width:.42667rem}html[dark-mode] body .gx-mobile .time{color:hsla(0,0%,100%,.4)}html[dark-mode] body .gx-mobile #newsContent{background-color:#12131e!important;color:#ccc}html[dark-mode] body .gx-mobile #newsContent div,html[dark-mode] body .gx-mobile #newsContent h1,html[dark-mode] body .gx-mobile #newsContent h2,html[dark-mode] body .gx-mobile #newsContent h3,html[dark-mode] body .gx-mobile #newsContent h4,html[dark-mode] body .gx-mobile #newsContent h5,html[dark-mode] body .gx-mobile #newsContent h6,html[dark-mode] body .gx-mobile #newsContent li,html[dark-mode] body .gx-mobile #newsContent ol,html[dark-mode] body .gx-mobile #newsContent p,html[dark-mode] body .gx-mobile #newsContent ul{background-color:#12131e!important;color:#ccc!important}html[dark-mode] body .gx-mobile #newsContent .preview-video div,html[dark-mode] body .gx-mobile #newsContent .preview-video p{background-color:hsla(0,0%,100%,0)!important}html[dark-mode] body .footer{background-color:#12131e;border-top:#252630}.anticon-spin{-webkit-animation:loadingCircle 1s linear infinite;animation:loadingCircle 1s linear infinite}.prism-player{position:relative}.prism-player video{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform-origin:center;-moz-transform-origin:center;-webkit-transform-origin:center;-o-transform-origin:center}.prism-player .loading-center,.prism-player .prism-ErrorMessage,.prism-player .prism-audio-selector,.prism-player .prism-auto-stream-selector,.prism-player .prism-cc-selector,.prism-player .prism-marker-text,.prism-player .prism-quality-selector,.prism-player .prism-setting-list,.prism-player .prism-speed-selector,.prism-player .prism-thumbnail,.prism-player .prism-volume-control{display:none!important}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes loadingCircle{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingCircle{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} |
| 553 | /*# sourceMappingURL=prodGlobal.css.map */ | 2 | /*# sourceMappingURL=prodGlobal.css.map */ |
This diff could not be displayed because it is too large.
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/css/swiper-bundle.min.css
100644 → 100755
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/firstCenter.png
0 → 100644
414 Bytes
1.11 KB
434 Bytes
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/icon_Y_lianjie.svg
100644 → 100755
| 1 | -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16.3065185546875" height="16.1141357421875" viewBox="0 0 16.3065185546875 16.1141357421875"><g><g transform="matrix(0.7071067690849304,0.7071067690849304,-0.7071067690849304,0.7071067690849304,3.192988321787473,-7.707577207974671)"><g><path d="M17.400909337844848,6.0712764308643346L17.400909337844848,3.821276430864334Q17.400909337844848,2.711776430864334,16.616379337844847,1.9272364308643342Q15.831839337844848,1.1427064308643342,14.722339337844849,1.1427064308643342Q13.612839337844848,1.1427064308643342,12.828309337844848,1.9272364308643342Q12.043769337844848,2.711776430864334,12.043769337844848,3.821276430864334L12.043769337844848,6.0712764308643346L12.04233933784485,6.0712764308643346Q12.04233933784485,6.127416430864334,12.031389337844848,6.182476430864334Q12.020439337844849,6.237536430864334,11.998949337844849,6.289406430864334Q11.977469337844848,6.3412664308643345,11.94627933784485,6.387946430864334Q11.915089337844849,6.434626430864334,11.87539133784485,6.474326430864334Q11.83569433784485,6.514026430864334,11.789015337844848,6.545216430864334Q11.742337337844848,6.576406430864334,11.690470337844848,6.597886430864334Q11.638603337844849,6.619366430864334,11.583542337844849,6.630326430864334Q11.528481337844848,6.641276430864334,11.472340337844848,6.641276430864334Q11.416200337844849,6.641276430864334,11.361139337844849,6.630326430864334Q11.306078337844848,6.619366430864334,11.254211337844849,6.597886430864334Q11.202344337844849,6.576406430864334,11.155665337844848,6.545216430864334Q11.108987337844848,6.514026430864334,11.06929033784485,6.474326430864334Q11.02959333784485,6.434626430864334,10.998403137844848,6.387946430864334Q10.96721343784485,6.3412664308643345,10.945729537844848,6.289406430864334Q10.924245637844848,6.237536430864334,10.913293237844849,6.182476430864334Q10.902340887844849,6.127416430864334,10.902340887844849,6.0712764308643346L10.900912284844848,6.0712764308643346L10.900912522844848,3.821276430864334Q10.90091234484485,2.238386430864334,12.020179337844848,1.1191164308643342Q13.139449337844848,-0.00015190213566589354,14.722339337844849,-0.0001518431356658936Q16.30522933784485,-0.0001520221356658936,17.42449933784485,1.1191164308643342Q18.54376933784485,2.238386430864334,18.54376933784485,3.821276430864334L18.54376933784485,6.0712764308643346L18.542339337844847,6.0712764308643346Q18.542339337844847,6.127416430864334,18.53138933784485,6.182476430864334Q18.52043933784485,6.237536430864334,18.49894933784485,6.289406430864334Q18.47746933784485,6.3412664308643345,18.44627933784485,6.387946430864334Q18.415089337844847,6.434626430864334,18.375389337844847,6.474326430864334Q18.335689337844848,6.514026430864334,18.28901933784485,6.545216430864334Q18.242339337844847,6.576406430864334,18.19046933784485,6.597886430864334Q18.13859933784485,6.619366430864334,18.083539337844847,6.630326430864334Q18.02847933784485,6.641276430864334,17.97233933784485,6.641276430864334Q17.916199337844848,6.641276430864334,17.861139337844847,6.630326430864334Q17.80607933784485,6.619366430864334,17.75420933784485,6.597886430864334Q17.702339337844847,6.576406430864334,17.65566933784485,6.545216430864334Q17.608989337844847,6.514026430864334,17.56928933784485,6.474326430864334Q17.529589337844847,6.434626430864334,17.498399337844848,6.387946430864334Q17.46720933784485,6.3412664308643345,17.44572933784485,6.289406430864334Q17.42424933784485,6.237536430864334,17.413289337844848,6.182476430864334Q17.40233933784485,6.127416430864334,17.40233933784485,6.0712764308643346L17.400909337844848,6.0712764308643346ZM11.473683337844848,9.001826430864334Q11.41754333784485,9.001826430864334,11.362482337844849,9.012776430864333Q11.30742033784485,9.023726430864334,11.255554337844849,9.045216430864334Q11.20368733784485,9.066696430864335,11.157008337844848,9.097886430864333Q11.110329337844849,9.129076430864334,11.070632337844849,9.168776430864334Q11.030935337844848,9.208466430864334,10.999745937844848,9.255146430864334Q10.96855623784485,9.301826430864335,10.94707233784485,9.353696430864334Q10.925588437844848,9.405566430864335,10.914636037844849,9.460626430864334Q10.903683657844848,9.515686430864335,10.903683657844848,9.571826430864334L10.90225505784485,9.571826430864334L10.90225505784485,11.321806430864335Q10.902255117844849,12.904706430864334,12.021529337844848,14.024006430864334Q13.140799337844848,15.143206430864334,14.72367933784485,15.143206430864334Q16.30656933784485,15.143206430864334,17.42583933784485,14.024006430864334Q18.54510933784485,12.904706430864334,18.54510933784485,11.321806430864335L18.54510933784485,9.571826430864334L18.54367933784485,9.571826430864334Q18.54367933784485,9.515686430864335,18.53272933784485,9.460626430864334Q18.521779337844848,9.405566430864335,18.500289337844848,9.353696430864334Q18.47880933784485,9.301826430864335,18.44761933784485,9.255146430864334Q18.41642933784485,9.208466430864334,18.37672933784485,9.168776430864334Q18.33703933784485,9.129076430864334,18.290359337844848,9.097886430864333Q18.24367933784485,9.066696430864335,18.191809337844848,9.045216430864334Q18.139949337844847,9.023726430864334,18.08488933784485,9.012776430864333Q18.02981933784485,9.001826430864334,17.97367933784485,9.001826430864334Q17.91753933784485,9.001826430864334,17.86247933784485,9.012776430864333Q17.80741933784485,9.023726430864334,17.755549337844847,9.045216430864334Q17.70368933784485,9.066696430864335,17.657009337844848,9.097886430864333Q17.61032933784485,9.129076430864334,17.57062933784485,9.168776430864334Q17.53093933784485,9.208466430864334,17.499749337844847,9.255146430864334Q17.468559337844848,9.301826430864335,17.447069337844848,9.353696430864334Q17.425589337844848,9.405566430864335,17.414639337844847,9.460626430864334Q17.40367933784485,9.515686430864335,17.40367933784485,9.571826430864334L17.40225933784485,9.571826430864334L17.40225933784485,11.321806430864335Q17.40225933784485,12.431306430864334,16.617719337844846,13.215906430864335Q15.83318933784485,14.000406430864334,14.72367933784485,14.000406430864334Q13.614179337844849,14.000406430864334,12.829649337844849,13.215906430864335Q12.045109337844849,12.431306430864334,12.045109337844849,11.321806430864335L12.045109337844849,9.571826430864334L12.043679337844848,9.571826430864334Q12.043679337844848,9.515686430864335,12.032729337844849,9.460626430864334Q12.021779337844848,9.405566430864335,12.000299337844849,9.353696430864334Q11.978809337844849,9.301826430864335,11.947619337844849,9.255146430864334Q11.916429337844848,9.208466430864334,11.876734337844848,9.168776430864334Q11.83703733784485,9.129076430864334,11.790358337844848,9.097886430864333Q11.74367933784485,9.066696430864335,11.691813337844849,9.045216430864334Q11.639946337844849,9.023726430864334,11.584885337844849,9.012776430864333Q11.52982333784485,9.001826430864334,11.473683337844848,9.001826430864334Z" fill-rule="evenodd" fill="#50749A" fill-opacity="1"/></g><g><rect x="14.194552421569824" y="4.57226637005806" width="1.0599043369293213" height="5.999999046325684" rx="0.5299521684646606" fill="#50749A" fill-opacity="1"/><rect x="14.62312388420105" y="5.000837832689285" width="0.20276141166687012" height="5.142856121063232" rx="0.10138070583343506" fill-opacity="0" stroke-opacity="1" stroke="#50749A" fill="none" stroke-width="0.8571429252624512"/></g></g></g></svg> | ||
| 1 | +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g transform="matrix(0.7071067690849304,0.7071067690849304,-0.7071067690849304,0.7071067690849304,3.637406190842782,-6.77699984507062)"><g><g transform="matrix(1,9.195654371296769e-8,-9.483020591005697e-8,1,9.504240594537805e-8,-9.195729919753148e-7)"><rect x="10.000082155689597" y="1.0022376847919077" width="7.333350658416748" height="1.3333361148834229" rx="0.13333334028720856" fill="#50749A" fill-opacity="1"/></g><g transform="matrix(1,0,-5.619568455017543e-8,1,5.632143285083657e-8,0)"><path d="M10.000082155689597,6.786507684791908C10.000082155689597,6.885627684791908,10.104390155689597,6.950097684791908,10.193044155689597,6.905767684791908L11.259712155689597,6.372437684791907C11.304882155689597,6.349847684791908,11.333422155689597,6.303677684791908,11.333422155689597,6.253177684791908L11.333422155689597,1.1355706847919076C11.333422155689597,1.0619330847919077,11.273722155689597,1.0022376847919077,11.200082155689596,1.0022376847919077L10.133415155689597,1.0022376847919077C10.059777555689598,1.0022376847919077,10.000082155689597,1.0619330847919077,10.000082155689597,1.1355706847919076L10.000082155689597,6.786507684791908Z" fill="#50749A" fill-opacity="1"/></g><g transform="matrix(1,-9.483020591005697e-8,-5.619568455017543e-8,1,5.632143285083657e-8,0.0000015173837382143063)"><path d="M16.001059195026755,6.786507684791908C16.001059195026755,6.885627684791908,16.105367195026755,6.950097684791908,16.194021195026757,6.905767684791908L17.260689195026757,6.372437684791907C17.305859195026756,6.349847684791908,17.334399195026755,6.303677684791908,17.334399195026755,6.253177684791908L17.334399195026755,1.1355706847919076C17.334399195026755,1.0619330847919077,17.274699195026756,1.0022376847919077,17.201059195026755,1.0022376847919077L16.134392195026756,1.0022376847919077C16.060754595026754,1.0022376847919077,16.001059195026755,1.0619330847919077,16.001059195026755,1.1355706847919076L16.001059195026755,6.786507684791908Z" fill="#50749A" fill-opacity="1"/></g></g><g transform="matrix(1,-9.483020591005697e-8,-5.619568455017543e-8,1,2.436220949419976e-7,0.000001232861952082942)"><rect x="13.000730514526367" y="4.335245609283447" width="1.3333361148834229" height="6.000011920928955" rx="0.13333334028720856" fill="#50749A" fill-opacity="1"/></g><g transform="matrix(-1,0,0,-1,34.666181564331055,27.337482929229736)"><g transform="matrix(1,9.195654371296769e-8,-9.483020591005697e-8,1,0.0000012963947817468124,-0.00000159398092236529)"><rect x="17.334067344665527" y="13.670694589614868" width="7.333350658416748" height="1.3333361148834229" rx="0.13333334028720856" fill="#50749A" fill-opacity="1"/></g><g transform="matrix(1,0,-5.619568455017543e-8,1,7.68234041714777e-7,0)"><path d="M17.334067344665527,13.804027589614869L17.334067344665527,19.454964589614868C17.334067344665527,19.554084589614867,17.438375344665527,19.618554589614867,17.52702934466553,19.574224589614868L18.59369734466553,19.04089458961487C18.638867344665528,19.018304589614868,18.667407344665527,18.972134589614868,18.667407344665527,18.921634589614868L18.667407344665527,13.804027589614869C18.667407344665527,13.730389989614869,18.607707344665528,13.670694589614868,18.534067344665527,13.670694589614868L17.467400344665528,13.670694589614868C17.393762744665526,13.670694589614868,17.334067344665527,13.730389989614869,17.334067344665527,13.804027589614869Z" fill="#50749A" fill-opacity="1"/></g><g transform="matrix(1,-9.483020591005697e-8,-5.619568455017543e-8,1,7.681791629465806e-7,0.000002212774411702867)"><path d="M23.334067344665527,13.803051027114869L23.334067344665527,19.453988027114868C23.334067344665527,19.553108027114867,23.438375344665527,19.617578027114867,23.52702934466553,19.573248027114868L24.59369734466553,19.03991802711487C24.638867344665528,19.017328027114868,24.667407344665527,18.971158027114868,24.667407344665527,18.920658027114868L24.667407344665527,13.803051027114869C24.667407344665527,13.729413427114869,24.607707344665528,13.669718027114868,24.534067344665527,13.669718027114868L23.467400344665528,13.669718027114868C23.393762744665526,13.669718027114868,23.334067344665527,13.729413427114869,23.334067344665527,13.803051027114869Z" fill="#50749A" fill-opacity="1"/></g></g></g></g></svg> |
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/icon_right.svg
100644 → 100755
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/image_link.svg
100644 → 100755
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/loading_clock.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="12" height="12" viewBox="0 0 12 12"><defs><pattern x="0" y="0" width="12" height="12" patternUnits="userSpaceOnUse" id="master_svg0_12553_094168"><image x="0" y="-0.046875" width="12" height="12.09375" xlink:href="data:image/png;base64,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"/></pattern></defs><g><rect x="0" y="0" width="12" height="12" rx="0" fill="url(#master_svg0_12553_094168)" fill-opacity="1"/></g></svg> |
| 1 | -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="167" height="60.01318359375" viewBox="0 0 167 60.01318359375"><g><g style="opacity:0.15000000596046448;"><g><path d="M31.0029296875,39.599609375C37.645019687499996,40.958779375,39.2894096875,51.578509374999996,45.7418296875,52.830209375C49.0762296875,53.476709375,51.0666296875,50.794909375,54.8897296875,51.885009374999996C52.8673296875,55.425209375,47.5666296875,58.937609375,43.7088296875,58.500709375C36.0405896875,57.631809375,35.6423396875,43.903069375,31.0029296875,39.599609375L31.0029296875,39.599609375Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M156.941503125,24.1026390625C158.371203125,24.6633390625,158.831403125,26.1255390625,159.991003125,26.9377390625C160.382203125,35.4917390625,147.536703125,31.7397390625,145.760203125,38.2784390625C148.636203125,42.5351390625,154.761503125,43.7697390625,155.416603125,50.0912390625C147.396603125,52.7664390625,148.062303125,43.8529390625,145.760203125,39.695739062499996C141.185303125,42.0573390625,141.537883125,49.0007390625,138.136713125,52.4541390625C136.569162125,52.3352390625,136.578383125,50.7527390625,135.595703125,50.0912390625C140.059033125,39.435439062499995,141.693323125,26.1489390625,147.793103125,17.0147890625C145.891903125,16.4202090625,143.96824312500001,15.8458890625,142.710693125,14.652309062499999C145.444013125,12.0652190625,150.523003125,7.9885790624999995,155.416603125,10.3999440625C149.794503125,21.080439062499998,144.193493125,31.7811390625,140.169683125,43.9485390625C144.874963125,36.5100390625,152.17920312500002,31.4882390625,156.941503125,24.1026390625L156.941503125,24.1026390625Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M140.6782515625,0.00440639C142.6479515625,-0.064301,145.2311515625,0.668137,145.76065156250002,2.36688C146.3608515625,4.29201,143.7259515625,5.77538,142.7111515625,7.56442C142.3599515625,8.18411,143.0027515625,9.27638,142.7111515625,9.9269C140.34625156250002,15.1989,133.2374315625,19.0447,127.9723215625,20.795C128.8377615625,19.867,129.1591715625,18.4334,130.5133215625,17.9599C129.4661015625,16.2563,126.3340815625,16.4902,124.9228515625,15.1249C127.5529915625,13.0029,132.2775815625,12.8271,135.0873515625,10.8721C136.1784515625,6.53117,139.6977515625,4.44792,140.6782515625,0.00440639L140.6782515625,0.00440639Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M36.0847,5.578125C38.9559,6.216311,40.8537,7.7595849999999995,43.2002,8.885765C40.3509,19.354425,33.0054,32.527725000000004,27.4448,42.434325C22.5125,51.220525,16.6107,62.271425,0,57.554825C14.9483,56.416725,19.247,48.515825,24.9033,36.764224999999996C29.3188,27.591325,32.4978,20.364325,36.0847,11.248245L36.0847,5.578125Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M81.22287031249999,19.754897125C82.4071703125,22.718123124999998,78.1150703125,25.474343125,75.6324703125,27.787493124999997C75.4765703125,28.877123125,77.1007703125,28.312493125,77.1569703125,29.205243125000003C76.1545703125,31.662003125,72.7234803125,33.570403125,69.5335103125,32.512903125C69.5317503125,34.089203125,71.1866803125,34.126203125,71.0580203125,35.820503125C72.5645303125,35.488403125,71.8641903125,33.104403125,73.5994703125,32.985503125C74.9860703125,32.641103125,74.6220703125,33.924503125,75.6324703125,33.930603125C75.8783703125,36.049103125,73.8356703125,36.040303125,73.5994703125,37.710403125C74.1048703125,40.233203125,75.5208703125,41.909103125,76.6489703125,43.853103125000004C77.5859703125,42.204603125,78.6674703125,40.689903125,78.6814703125,38.183003125C82.1533703125,39.327203125,79.3563703125,44.075103125,80.2064703125,48.105903125C74.0525703125,49.904203124999995,72.6396203125,43.589703125,70.5500003125,40.072903124999996C69.03734031249999,40.048703125,67.9712303125,41.462903125,66.9920603125,40.545503124999996C66.9903103125,38.811103125,68.7716903125,38.734903125,69.5335103125,37.710403125C65.1553603125,29.751803125000002,72.9079003125,27.033913124999998,76.6489703125,23.062543125C73.7395703125,23.850913124999998,66.1516503125,32.425703125,63.4345703125,25.425013125C70.5280403125,24.866993125,73.8694703125,18.519043125,81.22287031249999,19.754897125L81.22287031249999,19.754897125Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M141.1859625,19.85028875C139.8932625,26.45587875,131.4078625,26.423288749999998,124.4140625,25.52040875C129.2251525,23.237648749999998,135.2384625,15.17773875,141.1859625,19.85028875L141.1859625,19.85028875Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M108.3167859375,35.923784375C108.3993859375,32.963204375000004,108.4875859375,29.800414375,109.8277859375,26.937034375C107.0356859375,20.663964375,99.2642159375,25.971164375,96.6138759375,29.299504374999998C96.7371059375,29.802234375,97.0019959375,30.364524375000002,97.2836359375,30.962334375C98.0145959375,32.513904374999996,98.8582859375,34.304784375,97.6303659375,35.914784374999996C95.4985959375,34.589084375,96.4263859375,30.419084375,94.0728759375,29.299504374999998C94.2155559375,30.759404375,93.7514759375,32.681914375,93.2609069375,34.714184375C92.2855445475,38.754784375,91.2054259375,43.229484375,94.5808959375,45.365184375C97.2777759375,45.195084375,96.5462559375,41.837284374999996,98.13839593750001,40.640184375000004C100.7320859375,42.785084375,102.9226859375,42.704884375,105.2537859375,45.365184375C108.1109859375,43.305084375,108.20908593749999,39.786584375000004,108.3167859375,35.923784375ZM97.6308559375,29.772484375C99.8552859375,30.382044375,101.4430259375,31.583104374999998,103.7297859375,32.135404375C103.2457859375,30.788514375,103.7324859375,29.701824375,104.1479859375,28.774114375C104.5444859375,27.888934374999998,104.8760859375,27.148484375,104.2377859375,26.464844375C103.2353859375,28.683294375,100.0555059375,28.876644374999998,97.6308559375,29.772484375ZM103.22108593749999,39.221584375L103.22108593749999,35.441384375C102.4136859375,35.681784375,101.9817459375,35.659284375,101.5539359375,35.636884375C101.0834659375,35.612384375,100.6179759375,35.588084375,99.6635959375,35.913984375C99.3496459375,36.678384375,99.7607459375,36.768784374999996,100.1718359375,36.859184375C100.5829359375,36.949584375,100.9940359375,37.039984375,100.6800859375,37.804284375C99.8142259375,37.935584375,100.0104559375,37.967684375,100.5766859375,38.060484375C101.36175593749999,38.189084375,102.8580859375,38.434284375000004,103.22108593749999,39.221584375Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M136.6124015625,29.772223750000002C137.7765015625,33.84754375,133.5985015625,32.95567375,133.5630015625,35.91493375C135.4300015625,36.07613375,134.0332015625,33.20275375,136.6124015625,34.02459375C139.2031015625,37.24104375,134.0056015625,40.06864375,132.0380015625,42.05764375C131.3487015625,46.64254375,129.8039015625,51.78014375,131.0220015625,56.70504375C130.2830015625,57.43614375,128.4199015625,57.12174375,126.9560015625,57.17854375C124.1129015625,54.25274375,126.7417015625,51.57054375,126.9560015625,47.72774375C122.3478015625,51.94924375,117.2684115625,55.73174375,112.7251615625,60.01314375C104.2740315625,57.51674375,111.5874915625,54.63984375,115.7746315625,51.507943749999995C122.5441015625,46.44434375,131.7267015625,42.43594375,126.9560015625,32.60728375C128.24560156249998,30.46546375,131.0409015625,30.14219375,129.4970015625,26.93716885C133.3948015625,26.52316275,132.4240015625,29.94047375,136.6124015625,29.772223750000002L136.6124015625,29.772223750000002Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M62.4187475,32.51171875C65.3720575,33.92241875,66.52466749999999,39.32123875,65.4682175,42.90721875C65.9569275,43.83121875,67.9253575,40.57249875,69.5341775,42.43464875C68.9506275,46.775118750000004,64.8789575,47.87221875,61.4022575,49.52251875C57.4394875,44.91211875,62.2220375,37.80614875,62.4187475,32.51171875L62.4187475,32.51171875Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></g></g></svg> | ||
| 1 | +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="167" height="60.01318359375" viewBox="0 0 167 60.01318359375"><g><g style="opacity:0.15000000596046448;"><g><path d="M31.0029296875,39.599609375C37.645019687499996,40.958779375,39.2894096875,51.578509374999996,45.7418296875,52.830209375C49.0762296875,53.476709375,51.0666296875,50.794909375,54.8897296875,51.885009374999996C52.8673296875,55.425209375,47.5666296875,58.937609375,43.7088296875,58.500709375C36.0405896875,57.631809375,35.6423396875,43.903069375,31.0029296875,39.599609375L31.0029296875,39.599609375Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g><g><path d="M156.941503125,24.1026390625C158.371203125,24.6633390625,158.831403125,26.1255390625,159.991003125,26.9377390625C160.382203125,35.4917390625,147.536703125,31.7397390625,145.760203125,38.2784390625C148.636203125,42.5351390625,154.761503125,43.7697390625,155.416603125,50.0912390625C147.396603125,52.7664390625,148.062303125,43.8529390625,145.760203125,39.695739062499996C141.185303125,42.0573390625,141.537883125,49.0007390625,138.136713125,52.4541390625C136.569162125,52.3352390625,136.578383125,50.7527390625,135.595703125,50.0912390625C140.059033125,39.435439062499995,141.693323125,26.1489390625,147.793103125,17.0147890625C145.891903125,16.4202090625,143.96824312500001,15.8458890625,142.710693125,14.652309062499999C145.444013125,12.0652190625,150.523003125,7.9885790624999995,155.416603125,10.3999440625C149.794503125,21.080439062499998,144.193493125,31.7811390625,140.169683125,43.9485390625C144.874963125,36.5100390625,152.17920312500002,31.4882390625,156.941503125,24.1026390625L156.941503125,24.1026390625Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g><g><path d="M140.6782515625,0.00440639C142.6479515625,-0.064301,145.2311515625,0.668137,145.76065156250002,2.36688C146.3608515625,4.29201,143.7259515625,5.77538,142.7111515625,7.56442C142.3599515625,8.18411,143.0027515625,9.27638,142.7111515625,9.9269C140.34625156250002,15.1989,133.2374315625,19.0447,127.9723215625,20.795C128.8377615625,19.867,129.1591715625,18.4334,130.5133215625,17.9599C129.4661015625,16.2563,126.3340815625,16.4902,124.9228515625,15.1249C127.5529915625,13.0029,132.2775815625,12.8271,135.0873515625,10.8721C136.1784515625,6.53117,139.6977515625,4.44792,140.6782515625,0.00440639L140.6782515625,0.00440639Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g><g><path d="M36.0847,5.578125C38.9559,6.216311,40.8537,7.7595849999999995,43.2002,8.885765C40.3509,19.354425,33.0054,32.527725000000004,27.4448,42.434325C22.5125,51.220525,16.6107,62.271425,0,57.554825C14.9483,56.416725,19.247,48.515825,24.9033,36.764224999999996C29.3188,27.591325,32.4978,20.364325,36.0847,11.248245L36.0847,5.578125Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g><g><path d="M81.22287031249999,19.754897125C82.4071703125,22.718123124999998,78.1150703125,25.474343125,75.6324703125,27.787493124999997C75.4765703125,28.877123125,77.1007703125,28.312493125,77.1569703125,29.205243125000003C76.1545703125,31.662003125,72.7234803125,33.570403125,69.5335103125,32.512903125C69.5317503125,34.089203125,71.1866803125,34.126203125,71.0580203125,35.820503125C72.5645303125,35.488403125,71.8641903125,33.104403125,73.5994703125,32.985503125C74.9860703125,32.641103125,74.6220703125,33.924503125,75.6324703125,33.930603125C75.8783703125,36.049103125,73.8356703125,36.040303125,73.5994703125,37.710403125C74.1048703125,40.233203125,75.5208703125,41.909103125,76.6489703125,43.853103125000004C77.5859703125,42.204603125,78.6674703125,40.689903125,78.6814703125,38.183003125C82.1533703125,39.327203125,79.3563703125,44.075103125,80.2064703125,48.105903125C74.0525703125,49.904203124999995,72.6396203125,43.589703125,70.5500003125,40.072903124999996C69.03734031249999,40.048703125,67.9712303125,41.462903125,66.9920603125,40.545503124999996C66.9903103125,38.811103125,68.7716903125,38.734903125,69.5335103125,37.710403125C65.1553603125,29.751803125000002,72.9079003125,27.033913124999998,76.6489703125,23.062543125C73.7395703125,23.850913124999998,66.1516503125,32.425703125,63.4345703125,25.425013125C70.5280403125,24.866993125,73.8694703125,18.519043125,81.22287031249999,19.754897125L81.22287031249999,19.754897125Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g><g><path d="M141.1859625,19.85028875C139.8932625,26.45587875,131.4078625,26.423288749999998,124.4140625,25.52040875C129.2251525,23.237648749999998,135.2384625,15.17773875,141.1859625,19.85028875L141.1859625,19.85028875Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g><g><path d="M108.3167859375,35.923784375C108.3993859375,32.963204375000004,108.4875859375,29.800414375,109.8277859375,26.937034375C107.0356859375,20.663964375,99.2642159375,25.971164375,96.6138759375,29.299504374999998C96.7371059375,29.802234375,97.0019959375,30.364524375000002,97.2836359375,30.962334375C98.0145959375,32.513904374999996,98.8582859375,34.304784375,97.6303659375,35.914784374999996C95.4985959375,34.589084375,96.4263859375,30.419084375,94.0728759375,29.299504374999998C94.2155559375,30.759404375,93.7514759375,32.681914375,93.2609069375,34.714184375C92.2855445475,38.754784375,91.2054259375,43.229484375,94.5808959375,45.365184375C97.2777759375,45.195084375,96.5462559375,41.837284374999996,98.13839593750001,40.640184375000004C100.7320859375,42.785084375,102.9226859375,42.704884375,105.2537859375,45.365184375C108.1109859375,43.305084375,108.20908593749999,39.786584375000004,108.3167859375,35.923784375ZM97.6308559375,29.772484375C99.8552859375,30.382044375,101.4430259375,31.583104374999998,103.7297859375,32.135404375C103.2457859375,30.788514375,103.7324859375,29.701824375,104.1479859375,28.774114375C104.5444859375,27.888934374999998,104.8760859375,27.148484375,104.2377859375,26.464844375C103.2353859375,28.683294375,100.0555059375,28.876644374999998,97.6308559375,29.772484375ZM103.22108593749999,39.221584375L103.22108593749999,35.441384375C102.4136859375,35.681784375,101.9817459375,35.659284375,101.5539359375,35.636884375C101.0834659375,35.612384375,100.6179759375,35.588084375,99.6635959375,35.913984375C99.3496459375,36.678384375,99.7607459375,36.768784374999996,100.1718359375,36.859184375C100.5829359375,36.949584375,100.9940359375,37.039984375,100.6800859375,37.804284375C99.8142259375,37.935584375,100.0104559375,37.967684375,100.5766859375,38.060484375C101.36175593749999,38.189084375,102.8580859375,38.434284375000004,103.22108593749999,39.221584375Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g><g><path d="M136.6124015625,29.772223750000002C137.7765015625,33.84754375,133.5985015625,32.95567375,133.5630015625,35.91493375C135.4300015625,36.07613375,134.0332015625,33.20275375,136.6124015625,34.02459375C139.2031015625,37.24104375,134.0056015625,40.06864375,132.0380015625,42.05764375C131.3487015625,46.64254375,129.8039015625,51.78014375,131.0220015625,56.70504375C130.2830015625,57.43614375,128.4199015625,57.12174375,126.9560015625,57.17854375C124.1129015625,54.25274375,126.7417015625,51.57054375,126.9560015625,47.72774375C122.3478015625,51.94924375,117.2684115625,55.73174375,112.7251615625,60.01314375C104.2740315625,57.51674375,111.5874915625,54.63984375,115.7746315625,51.507943749999995C122.5441015625,46.44434375,131.7267015625,42.43594375,126.9560015625,32.60728375C128.24560156249998,30.46546375,131.0409015625,30.14219375,129.4970015625,26.93716885C133.3948015625,26.52316275,132.4240015625,29.94047375,136.6124015625,29.772223750000002L136.6124015625,29.772223750000002Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g><g><path d="M62.4187475,32.51171875C65.3720575,33.92241875,66.52466749999999,39.32123875,65.4682175,42.90721875C65.9569275,43.83121875,67.9253575,40.57249875,69.5341775,42.43464875C68.9506275,46.775118750000004,64.8789575,47.87221875,61.4022575,49.52251875C57.4394875,44.91211875,62.2220375,37.80614875,62.4187475,32.51171875L62.4187475,32.51171875Z" fill-rule="evenodd" fill="#999999" fill-opacity="1"/></g></g></g></svg> |
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/player/video_puse.svg
100644 → 100755
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/puse.svg
deleted
100644 → 0
| 1 | -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32" height="32" viewBox="0 0 32 32"><g style="mix-blend-mode:passthrough"><g style="opacity:0.5;mix-blend-mode:passthrough"><ellipse cx="16" cy="16" rx="16" ry="16" fill="#000000" fill-opacity="1"/></g><g style="mix-blend-mode:passthrough"><g style="mix-blend-mode:passthrough" transform="matrix(0,1,-1,0,32.667938232421875,-13.417999267578125)"><path d="M23.04296875,20.874969482421875L35.79296875,20.874969482421875L29.41796875,9.624969482421875L23.04296875,20.874969482421875Z" fill="#FFFFFF" fill-opacity="1"/></g></g></g></svg> |
| 1 | +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="35.515625" height="32" viewBox="0 0 35.515625 32"><defs><linearGradient x1="0.3893246054649353" y1="0.6988188624382019" x2="1" y2="0.2635483741760254" id="master_svg0_153_22805"><stop offset="0%" stop-color="#FF7140" stop-opacity="1"/><stop offset="100%" stop-color="#D11F01" stop-opacity="1"/></linearGradient><filter id="master_svg1_19253_098742/153_22808" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="0" y="0" width="16.152606964111328" height="31.712770462036133"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-4.116779327392578" dx="-1.0291948318481445"/><feGaussianBlur stdDeviation="3.0875844955444336"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.5263158082962036 0 0 0 0 0 0 0 0 1 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow"/></filter><linearGradient x1="0.38211938738822937" y1="0.14231793582439423" x2="0.5719631314277649" y2="1" id="master_svg2_153_22811"><stop offset="0%" stop-color="#FCE502" stop-opacity="1"/><stop offset="100%" stop-color="#F87501" stop-opacity="1"/></linearGradient></defs><g><g><g><path d="M0.7735169538025856,20.878415508913996L19.354128953802586,8.902115508913994L26.104728953802585,20.038515508913996L1.7845989538025857,23.499715508913994Q1.6566489538025857,23.523115508913996,1.5265789538025856,23.523115508913996Q1.4561889538025856,23.523115508913996,1.3861389538025857,23.516215508913994Q1.3160989538025856,23.509315508913993,1.2470589538025856,23.495615508913993Q1.1780289538025857,23.481915508913993,1.1106689538025856,23.461615508913994Q1.0433169538025857,23.44121550891399,0.9782879538025856,23.414315508913994Q0.9132599538025856,23.387515508913992,0.8511849538025856,23.354415508913995Q0.7891089538025856,23.321315508913994,0.7305849538025856,23.282315508913996Q0.6720609538025856,23.243315508913994,0.6176519538025856,23.198815508913995Q0.5632419538025857,23.154315508913996,0.5134709538025857,23.104615508913994Q0.4637009538025856,23.055015508913996,0.4190479538025856,23.00071550891399Q0.3743949538025856,22.946515508913993,0.3352909538025856,22.888115508913994Q0.2961859538025856,22.829815508913995,0.2630059538025856,22.767915508913994Q0.2298259538025856,22.706015508913993,0.20288995380258562,22.641115508913995Q0.1759547538025856,22.576315508913993,0.1555226538025856,22.509115508913993Q0.1350905538025856,22.442015508913993,0.1213588538025856,22.373115508913994Q0.1076271538025856,22.304315508913994,0.1007280338025856,22.234515508913994Q0.0938289538025856,22.164615508913993,0.0938289538025856,22.094415508913993Q0.0938289538025856,21.911715508913993,0.13993425380258562,21.734915508913993Q0.1860396538025856,21.558115508913993,0.2752829538025856,21.398515508913995Q0.3645259538025856,21.239015508913994,0.4911639538025856,21.107015508913996Q0.6178019538025856,20.974915508913995,0.7736839538025856,20.878915508913995L0.7735169538025856,20.878415508913996Z" fill-rule="evenodd" fill="url(#master_svg0_153_22805)" fill-opacity="1"/></g><g filter="url(#master_svg1_19253_098742/153_22808)"><path d="M32.495311473333835,0.4310979682035446Q32.675511473333835,0.3045319682035446,32.88561147333384,0.23814896820354461Q33.09581147333384,0.17176596820354462,33.31621147333384,0.17176596820354462Q33.386111473333834,0.17176596820354462,33.455711473333835,0.17858429820354463Q33.525311473333836,0.18540266820354462,33.59381147333384,0.19897386820354462Q33.66241147333383,0.21254516820354463,33.72931147333384,0.23273916820354462Q33.796211473333834,0.2529331682035446,33.86081147333384,0.2795559682035446Q33.92541147333384,0.3061789682035446,33.98711147333383,0.3389759682035446Q34.04871147333384,0.3717729682035446,34.10691147333384,0.4104289682035446Q34.16511147333384,0.4490839682035446,34.219211473333836,0.49322796820354464Q34.273311473333834,0.5373719682035446,34.322811473333836,0.5865809682035446Q34.37231147333384,0.6357899682035446,34.416711473333834,0.6895919682035446Q34.46121147333383,0.7433939682035446,34.50011147333383,0.8012719682035446Q34.53901147333384,0.8591499682035446,34.572111473333834,0.9205499682035446Q34.60521147333384,0.9819499682035446,34.632111473333836,1.0462829682035446Q34.659011473333834,1.1106159682035446,34.67951147333383,1.1772659682035447Q34.699911473333835,1.2439159682035446,34.713811473333834,1.3122359682035447Q34.72761147333384,1.3805559682035446,34.734611473333835,1.4499059682035447Q34.74171147333384,1.5192459682035446,34.741911473333836,1.5889459682035447L34.743811473333835,1.5899859682035447L35.48021147333384,30.186165968203543Q35.506011473333835,30.319865968203544,35.506011473333835,30.455865968203543Q35.506011473333835,30.526065968203543,35.49911147333384,30.595965968203544Q35.49221147333384,30.665765968203544,35.47851147333384,30.734565968203544Q35.464711473333836,30.803465968203543,35.44431147333384,30.870565968203543Q35.42391147333383,30.937765968203543,35.39691147333384,31.002565968203545Q35.37001147333383,31.067465968203546,35.33681147333384,31.129365968203544Q35.30361147333384,31.191265968203545,35.26451147333383,31.249565968203544Q35.225411473333835,31.307965968203543,35.18081147333383,31.362165968203545Q35.136111473333834,31.416465968203546,35.08641147333384,31.466065968203544Q35.036611473333835,31.515765968203546,34.982211473333834,31.560265968203545Q34.92781147333383,31.604765968203544,34.869211473333834,31.643765968203546Q34.81071147333384,31.682765968203544,34.748711473333834,31.715865968203545Q34.68661147333383,31.748965968203546,34.62151147333384,31.775765968203544Q34.556511473333835,31.802665968203545,34.48921147333384,31.823065968203544Q34.42181147333383,31.843365968203546,34.35281147333384,31.857065968203546Q34.28371147333384,31.870765968203546,34.21371147333384,31.877665968203544Q34.143611473333834,31.884565968203546,34.07331147333384,31.884565968203546Q33.96761147333383,31.884565968203546,33.86311147333384,31.869065968203543Q33.75851147333383,31.853665968203543,33.65741147333384,31.823065968203544Q33.556311473333835,31.792465968203544,33.46071147333384,31.747365968203546Q33.36521147333384,31.702365968203544,33.27731147333384,31.643765968203546Q33.18951147333384,31.585265968203544,33.11121147333384,31.514465968203545Q33.03291147333384,31.443765968203543,32.96581147333384,31.362265968203545Q32.898811473333836,31.280865968203546,32.844411473333835,31.190465968203544Q32.79011147333384,31.100065968203545,32.749611473333836,31.002765968203544L19.353411473333836,8.900965968203545L32.495311473333835,0.4310979682035446Z" fill-rule="evenodd" fill="url(#master_svg2_153_22811)" fill-opacity="1"/></g></g></g></svg> |
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/secondCenter.png
0 → 100644
291 Bytes
757 Bytes
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/secondStart.png
0 → 100644
1.12 KB
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/share/wechat.svg
100644 → 100755
| 1 | -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="3" height="14" viewBox="0 0 3 14"><defs><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg0_11844_077559"><stop offset="0%" stop-color="#ED2800" stop-opacity="1"/><stop offset="100%" stop-color="#F07E47" stop-opacity="1"/></linearGradient></defs><g><path d="M0.5,0L2.5,0C2.77614,0,3,0.223858,3,0.5L3,12.6417C3,12.857,2.86212,13.0482,2.65778,13.1161L0.657784,13.7812C0.334082,13.8889,0,13.6479,0,13.3068L0,0.5C0,0.223858,0.223858,0,0.5,0" fill-rule="evenodd" fill="url(#master_svg0_11844_077559)" fill-opacity="1"/></g></svg> | ||
| 1 | +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="3" height="14" viewBox="0 0 3 14"><defs><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg0_11844_077559"><stop offset="0%" stop-color="#ED2800" stop-opacity="1"/><stop offset="100%" stop-color="#F07E47" stop-opacity="1"/></linearGradient></defs><g><path d="M0.5,0L2.5,0C2.77614,0,3,0.223858,3,0.5L3,12.6417C3,12.857,2.86212,13.0482,2.65778,13.1161L0.657784,13.7812C0.334082,13.8889,0,13.6479,0,13.3068L0,0.5C0,0.223858,0.223858,0,0.5,0" fill-rule="evenodd" fill="url(#master_svg0_11844_077559)" fill-opacity="1"/></g></svg> |
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/sourceIocnNew.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="3" height="14" viewBox="0 0 3 14"><g><g><path d="M0.5,0L2.5,0C2.77614,0,3,0.223858,3,0.5L3,12.6417C3,12.857,2.86212,13.0482,2.65778,13.1161L0.657784,13.7812C0.334082,13.8889,0,13.6479,0,13.3068L0,0.5C0,0.223858,0.223858,0,0.5,0" fill-rule="evenodd" fill="#CDCDCD" fill-opacity="1"/></g></g></svg> |
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/thirdCenter.png
0 → 100644
414 Bytes
437 Bytes
1.1 KB
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/vote/moreVote.svg
100644 → 100755
sight_harmony/features/wdComponent/src/main/resources/rawfile/apph5/image/vote/moreVoteDark.svg
100644 → 100755
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | -<html lang="zh"> | 2 | +<html lang="zh" style="font-size: 37.5px"> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | <!-- 声明文档使用的字符编码 --> | 5 | <!-- 声明文档使用的字符编码 --> |
| @@ -14,11 +14,11 @@ | @@ -14,11 +14,11 @@ | ||
| 14 | <meta name="apple-mobile-web-app-capable" content="yes" /> | 14 | <meta name="apple-mobile-web-app-capable" content="yes" /> |
| 15 | <!-- 设置苹果工具栏颜色 --> | 15 | <!-- 设置苹果工具栏颜色 --> |
| 16 | <meta name="apple-mobile-web-app-status-bar-style" content="black" /> | 16 | <meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
| 17 | - <!--<script src="./js/plugin/vconsole.min.js"></script>--> | 17 | + <script src="./js/plugin/vconsole.min.js"></script> |
| 18 | <script> | 18 | <script> |
| 19 | - // new VConsole() | ||
| 20 | - | 19 | + new VConsole() |
| 21 | var hasDetails = false | 20 | var hasDetails = false |
| 21 | + | ||
| 22 | function getTime() { | 22 | function getTime() { |
| 23 | const now = new Date() | 23 | const now = new Date() |
| 24 | 24 | ||
| @@ -29,20 +29,45 @@ | @@ -29,20 +29,45 @@ | ||
| 29 | 29 | ||
| 30 | return `${hours}:${minutes}:${seconds}:${secondss}` | 30 | return `${hours}:${minutes}:${seconds}:${secondss}` |
| 31 | } | 31 | } |
| 32 | + | ||
| 32 | var firstTime = new Date() | 33 | var firstTime = new Date() |
| 33 | 34 | ||
| 34 | - console.log('页面开始加载资源：' + getTime()) | 35 | + // console.log('页面开始加载资源：' + getTime()) |
| 36 | + </script> | ||
| 37 | + <script> | ||
| 38 | + var hasDetails = false | ||
| 39 | + var pageLoadOutTime = null | ||
| 40 | + | ||
| 41 | + function checkPageLoadingTimeOut() { | ||
| 42 | + clearTimeout(pageLoadOutTime) | ||
| 43 | + pageLoadOutTime = null | ||
| 44 | + | ||
| 45 | + pageLoadOutTime = setTimeout(() => { | ||
| 46 | + clearTimeout(pageLoadOutTime) | ||
| 47 | + pageLoadOutTime = null | ||
| 48 | + if (!hasDetails) { | ||
| 49 | + console.log(`页面展示超过${200}毫秒`) | ||
| 50 | + if (document.querySelector('.error-block').style.display === 'block') { | ||
| 51 | + return | ||
| 52 | + } | ||
| 53 | + if (document.querySelector('.skeleton-loading').classList.contains('active')) { | ||
| 54 | + document.querySelector('.skeleton-loading').classList.remove('active') | ||
| 55 | + } | ||
| 56 | + } else { | ||
| 57 | + // console.log(`页面展示小于${time}毫秒`) | ||
| 58 | + } | ||
| 59 | + }, 200) | ||
| 60 | + } | ||
| 35 | </script> | 61 | </script> |
| 36 | <script src="./js/utils/nativeUtil.js"></script> | 62 | <script src="./js/utils/nativeUtil.js"></script> |
| 37 | <!-- 引入样式文件 --> | 63 | <!-- 引入样式文件 --> |
| 38 | - <link rel="stylesheet" href="./css/aliPlayer.min.css" /> | ||
| 39 | - <link rel="stylesheet" href="./css/swiper-bundle.min.css" /> | 64 | + <!--<link rel="stylesheet" href="./css/global.css" />--> |
| 40 | <link rel="stylesheet" href="./css/prodGlobal.css" /> | 65 | <link rel="stylesheet" href="./css/prodGlobal.css" /> |
| 41 | <!--<link rel="stylesheet" href="./css/index.css" />--> | 66 | <!--<link rel="stylesheet" href="./css/index.css" />--> |
| 42 | <link rel="stylesheet" href="./css/prodIndex.css" /> | 67 | <link rel="stylesheet" href="./css/prodIndex.css" /> |
| 43 | <!-- 引入基本js文件 --> | 68 | <!-- 引入基本js文件 --> |
| 44 | - <script src="./js/plugin/rem.js"></script> | ||
| 45 | <script src="./js/utils/config.js"></script> | 69 | <script src="./js/utils/config.js"></script> |
| 70 | + <script src="./js/plugin/rem.js"></script> | ||
| 46 | </head> | 71 | </head> |
| 47 | 72 | ||
| 48 | <body> | 73 | <body> |
| @@ -151,88 +176,80 @@ | @@ -151,88 +176,80 @@ | ||
| 151 | <div class="error-block-retry-btn"> | 176 | <div class="error-block-retry-btn"> |
| 152 | 点击重试 | 177 | 点击重试 |
| 153 | </div> | 178 | </div> |
| 179 | + <div class="error-block-reload-btn" style="display: none"> | ||
| 180 | + 模拟app复用重新加载 | ||
| 181 | + </div> | ||
| 154 | </div> | 182 | </div> |
| 155 | </div> | 183 | </div> |
| 156 | <div id="app" class="fixed"> | 184 | <div id="app" class="fixed"> |
| 157 | - <div class="app-skeleton-loading none"> | ||
| 158 | - <div class="ant-skeleton ant-skeleton-active"> | ||
| 159 | - <div class="ant-skeleton-content"> | ||
| 160 | - <h3 class="ant-skeleton-title" style="width: 38%"></h3> | ||
| 161 | - <ul class="ant-skeleton-paragraph"> | ||
| 162 | - <li></li> | ||
| 163 | - <li></li> | ||
| 164 | - <li style="width: 61%"></li> | ||
| 165 | - </ul> | ||
| 166 | - </div> | ||
| 167 | - </div> | ||
| 168 | - <div class="ant-skeleton ant-skeleton-active"> | ||
| 169 | - <div class="ant-skeleton-content"> | ||
| 170 | - <h3 class="ant-skeleton-title" style="width: 38%"></h3> | ||
| 171 | - <ul class="ant-skeleton-paragraph"> | ||
| 172 | - <li></li> | ||
| 173 | - <li></li> | ||
| 174 | - <li style="width: 61%"></li> | ||
| 175 | - </ul> | ||
| 176 | - </div> | ||
| 177 | - </div> | ||
| 178 | - <div class="ant-skeleton ant-skeleton-active"> | ||
| 179 | - <div class="ant-skeleton-content"> | ||
| 180 | - <h3 class="ant-skeleton-title" style="width: 38%"></h3> | ||
| 181 | - <ul class="ant-skeleton-paragraph"> | ||
| 182 | - <li></li> | ||
| 183 | - <li></li> | ||
| 184 | - <li style="width: 61%"></li> | ||
| 185 | - </ul> | ||
| 186 | - </div> | ||
| 187 | - </div> | ||
| 188 | - </div> | ||
| 189 | - <div class="gx-mobile"> | 185 | + <div class="gx-mobile" :class="[ isNewspaper ? 'newspaper-article' : 'rmrb-article', deviceType ]"> |
| 186 | + <div class="reload-page" v-if="baseNode == 'dev'" @click="mockAppClearData">模拟app复用重新加载</div> | ||
| 190 | <!-- 肩标题 --> | 187 | <!-- 肩标题 --> |
| 191 | - <!-- index.js文件return出去的都可以在这直接使用 --> | ||
| 192 | - <!-- details都是接口返回的并进行二次改造的 --> | ||
| 193 | - <div class="short-title droidSerif" style="display: none;"></div> | 188 | + <div class="short-title droidSerif" v-if="!!details.newsShortTitle" v-html="details.newsShortTitle"></div> |
| 194 | <!-- 顶部标题 --> | 189 | <!-- 顶部标题 --> |
| 195 | - <div class="title droidSerif-bold" id="newsTitle" v-html="details.newsTitle"> | ||
| 196 | - </div> | 190 | + <div class="title droidSerif-bold" id="newsTitle" v-if="!!details.newsTitle" v-html="details.newsTitle"></div> |
| 197 | <!-- 副标题 --> | 191 | <!-- 副标题 --> |
| 198 | <div class="down-title-box" v-if="!!details.newsDownTitle"> | 192 | <div class="down-title-box" v-if="!!details.newsDownTitle"> |
| 199 | <span class="down-title droidSerif" v-html="details.newsDownTitle"></span> | 193 | <span class="down-title droidSerif" v-html="details.newsDownTitle"></span> |
| 200 | </div> | 194 | </div> |
| 201 | <!-- 撰稿者 浏览量 没有人民号时展示--> | 195 | <!-- 撰稿者 浏览量 没有人民号时展示--> |
| 202 | - <div class="time pageView" v-if="!details.rmhInfo"> | ||
| 203 | - <div class="article-source" v-if="details.newsSourceName">{{details.newsSourceName}}</div> | ||
| 204 | - <template v-if="details.author && details.author.length"> | 196 | + <div |
| 197 | + class="time pageView" | ||
| 198 | + v-if="!isRmh || (details.rmhInfo && details.rmhInfo.userType == 5)" | ||
| 199 | + :class="hasReadCount ? '' : details.newsSourceName || (details.author && details.author.length) ? '' : 'hidden-extra'" | ||
| 200 | + > | ||
| 201 | + <div class="article-source-icon"></div> | ||
| 202 | + <span class="article-source" v-if="details.newsSourceName && !isRmh">{{ details.newsSourceName }}</span> | ||
| 203 | + <span class="article-source" v-if="details.rmhName && isRmh">{{ details.rmhName }}</span> | ||
| 204 | + <template v-if="details.author && details.author.length && !isRmh"> | ||
| 205 | <span class="author-item" v-for="item in details.author" :key="item"> | 205 | <span class="author-item" v-for="item in details.author" :key="item"> |
| 206 | {{ item }} | 206 | {{ item }} |
| 207 | </span> | 207 | </span> |
| 208 | </template> | 208 | </template> |
| 209 | - <span class="browseCntStr" v-if="browseCnt && browseCnt != '0'">浏览量{{ browseCnt }}</span> | 209 | + <span class="browseCntStr" v-if="!isRmh"></span> |
| 210 | </div> | 210 | </div> |
| 211 | - <!-- 更多相关资讯 --> | 211 | + <!-- 篇头跳转 --> |
| 212 | <div class="head-link-block" v-if="hasHeadLink" @click="moreInformationClick"> | 212 | <div class="head-link-block" v-if="hasHeadLink" @click="moreInformationClick"> |
| 213 | <img src="./image/headLinkIcon.svg" alt=""> | 213 | <img src="./image/headLinkIcon.svg" alt=""> |
| 214 | - {{ details.newLinkObject.newsTitle }} | 214 | + <span class="head-link-block-str" v-html="details.newLinkObject.newsTitle"></span> |
| 215 | </div> | 215 | </div> |
| 216 | <!-- 导读 --> | 216 | <!-- 导读 --> |
| 217 | <div class="new-intro-box droidSerif" v-if="details.newIntroduction"> | 217 | <div class="new-intro-box droidSerif" v-if="details.newIntroduction"> |
| 218 | <div class="yh-icon"></div> | 218 | <div class="yh-icon"></div> |
| 219 | - {{details.newIntroduction}} | 219 | + <span v-html="details.newIntroduction"></span> |
| 220 | </div> | 220 | </div> |
| 221 | <!-- 人民号 --> | 221 | <!-- 人民号 --> |
| 222 | - <div class="rmcard" v-if="details.rmhHeadUrl && details.rmhName"> | ||
| 223 | - <img class="rmcard-image" :src="details.rmhHeadUrl" alt="" @click="skipCustomerNumberPage" /> | 222 | + <div class="rmcard" v-if="isRmh && details.rmhInfo && details.rmhInfo.userType != 5"> |
| 223 | + <img v-if="details.rmhHeadUrl" class="rmcard-image" :src="details.rmhHeadUrl" alt="" @click="skipCustomerNumberPage" /> | ||
| 224 | + <div v-else class="rmcard-image default"> | ||
| 225 | + <img src="./image/rmh.svg" alt=""> | ||
| 226 | + </div> | ||
| 224 | <img v-if="!!details.authIcon" class="rmcard_v" :src="details.authIcon" alt="" /> | 227 | <img v-if="!!details.authIcon" class="rmcard_v" :src="details.authIcon" alt="" /> |
| 225 | <!--<img v-if="!!details.authIcon" class="rmcard_v" src="./image/createrV2Icon.svg" alt="" />--> | 228 | <!--<img v-if="!!details.authIcon" class="rmcard_v" src="./image/createrV2Icon.svg" alt="" />--> |
| 226 | <div class="cdescrip"> | 229 | <div class="cdescrip"> |
| 227 | - <div class="cdescrip_text">{{details.rmhName}}</div> | ||
| 228 | - <div class="cdescrip_text">{{details.rmhDesc}}</div> | 230 | + <div class="cdescrip_text" :class="details.rmhDesc ? '' : 'cdescrip_text_top'" @click="skipCustomerNumberPage">{{details.rmhName}}</div> |
| 231 | + <div class="cdescrip_text" v-if="details.rmhDesc" @click="skipCustomerNumberPage">{{details.rmhDesc}}</div> | ||
| 229 | </div> | 232 | </div> |
| 230 | <!-- @click.stop阻止事件冒泡 --> | 233 | <!-- @click.stop阻止事件冒泡 --> |
| 231 | - <div class="clook-btn clook" @click.stop="clookBtn" v-if="clookStatusSee || showClook"> | ||
| 232 | - <img src="./image/clook.svg" alt=""> | ||
| 233 | - 关注 | ||
| 234 | - </div> | ||
| 235 | - <div class="clook-btn isclook" v-else @click.stop="clookCancelBtn">已关注</div> | 234 | + <template v-if="!isOwer"> |
| 235 | + <div class="clook-btn clook" @click.stop="clookBtn" v-if="clookStatusSee || showClook"> | ||
| 236 | + <template v-if="clookBtnActive"> | ||
| 237 | + <img class="clook-loading anticon-spin" src="./image/loading_clock.svg" alt=""> | ||
| 238 | + </template> | ||
| 239 | + <template v-else> | ||
| 240 | + <img class="add-clook-icon" src="./image/clook.svg" alt=""> | ||
| 241 | + <span class="add-clook-text">关注</span> | ||
| 242 | + </template> | ||
| 243 | + </div> | ||
| 244 | + <div class="clook-btn isclook" v-else @click.stop="clookCancelBtn"> | ||
| 245 | + <template v-if="clookCancelBtnActive"> | ||
| 246 | + <img class="clook-loading anticon-spin" src="./image/loading_clock.svg" alt=""> | ||
| 247 | + </template> | ||
| 248 | + <template v-else> | ||
| 249 | + 已关注 | ||
| 250 | + </template> | ||
| 251 | + </div> | ||
| 252 | + </template> | ||
| 236 | </div> | 253 | </div> |
| 237 | <!-- 主体内容部分 --> | 254 | <!-- 主体内容部分 --> |
| 238 | <div class="content-block"> | 255 | <div class="content-block"> |
| @@ -242,53 +259,82 @@ | @@ -242,53 +259,82 @@ | ||
| 242 | <div class="editor-charge" v-if="(!details.rmhInfo) && (details.editorName)"> | 259 | <div class="editor-charge" v-if="(!details.rmhInfo) && (details.editorName)"> |
| 243 | 责任编辑：{{ details.editorName }} | 260 | 责任编辑：{{ details.editorName }} |
| 244 | </div> | 261 | </div> |
| 245 | - <div class="statement" v-if="details.rmhHeadUrl && details.rmhName"> | 262 | + <div class="statement" v-if="isRmh && details.rmhInfo && details.rmhInfo.userType != 5"> |
| 246 | 特别声明：本文为人民日报新媒体平台“人民号”作者上传并发布，仅代表作者观点。人民日报仅提供信息发布平台。 | 263 | 特别声明：本文为人民日报新媒体平台“人民号”作者上传并发布，仅代表作者观点。人民日报仅提供信息发布平台。 |
| 247 | </div> | 264 | </div> |
| 248 | <!-- 投票 --> | 265 | <!-- 投票 --> |
| 249 | <div class="vote" v-if="details.voteInfo && Object.keys(details.voteInfo).length > 0 && details.options"> | 266 | <div class="vote" v-if="details.voteInfo && Object.keys(details.voteInfo).length > 0 && details.options"> |
| 250 | - <div class="title droidSerif-bold">{{ details.voteInfo.title }}</div> | 267 | + <div class="vote-title droidSerif-bold">{{ details.voteInfo.title }}</div> |
| 251 | <!-- style = 1 二选一 --> | 268 | <!-- style = 1 二选一 --> |
| 252 | <div v-if="details.voteInfo && details.voteInfo.style === 1 && voteInit"> | 269 | <div v-if="details.voteInfo && details.voteInfo.style === 1 && voteInit"> |
| 253 | <!-- 投票前 --> | 270 | <!-- 投票前 --> |
| 254 | - <div class="btns1" v-if="voteState.status === 0 && details.endTimePoint != 'Close'"> | ||
| 255 | - <div class="s s1" :style="optionList.length ? { ...optionList[0].oneStyle, width: '50%' } : {}" @click="goVote(details.voteInfo.voteId , details.yes.optionId , details.yes.index)"> | 271 | + <div class="btns1" v-if="voteState.status === 0 && details.endTimePoint"> |
| 272 | + <div class="s s1 none" :style="optionList.length ? { ...optionList[0].oneStyle, width: '50%', background: optionList[0].backColor || undefined, color: optionList[0].wordColor || undefined } : {}"> | ||
| 256 | {{ details.yes.summary }} | 273 | {{ details.yes.summary }} |
| 257 | </div> | 274 | </div> |
| 258 | - <div class="s s2" :style="optionList.length ? { ...optionList[0].twoStyle, width: '50%' } : {}" @click="goVote(details.voteInfo.voteId , details.no.optionId , details.no.index)"> | 275 | + <div class="s s2 none" :style="optionList.length ? { ...optionList[0].twoStyle, width: '50%', background: optionList[1].backColor || undefined, color: optionList[1].wordColor || undefined } : {}"> |
| 276 | + {{ details.no.summary }} | ||
| 277 | + </div> | ||
| 278 | + <div | ||
| 279 | + class="s s1 active" | ||
| 280 | + :style="optionList.length ? { ...optionList[0].oneStyle, width: 'calc(50% + 2.5px)', background: optionList[0].backColor || undefined, color: optionList[0].wordColor || undefined } : {}" | ||
| 281 | + @click="goVote(details.voteInfo.voteId , details.yes.optionId , details.yes.index)" | ||
| 282 | + > | ||
| 283 | + {{ details.yes.summary }} | ||
| 284 | + </div> | ||
| 285 | + <div | ||
| 286 | + class="s s2 active" | ||
| 287 | + :style="optionList.length ? { ...optionList[0].twoStyle, width: 'calc(50% + 2.5px)', background: optionList[1].backColor || undefined, color: optionList[1].wordColor || undefined } : {}" | ||
| 288 | + @click="goVote(details.voteInfo.voteId , details.no.optionId , details.no.index)" | ||
| 289 | + > | ||
| 259 | {{ details.no.summary }} | 290 | {{ details.no.summary }} |
| 260 | </div> | 291 | </div> |
| 261 | </div> | 292 | </div> |
| 262 | <!-- 投票后 --> | 293 | <!-- 投票后 --> |
| 263 | - <div class="aft anmite-vote" v-if="voteState.status == 1 || details.endTimePoint === 'Close'"> | 294 | + <div class="aft anmite-vote" v-if="voteState.status == 1 || !details.endTimePoint"> |
| 264 | <div class="jdat"> | 295 | <div class="jdat"> |
| 265 | <div class="pkjd-box" v-if="optionList[0].votesBf != 0 || optionList[1].votesBf != 0"> | 296 | <div class="pkjd-box" v-if="optionList[0].votesBf != 0 || optionList[1].votesBf != 0"> |
| 266 | <span | 297 | <span |
| 267 | class="s s1" | 298 | class="s s1" |
| 268 | - :style="optionList[0].oneStyle" | 299 | + :style="optionList.length ? { ...optionList[0].oneStyleAfter, background: optionList[0].backColor || undefined } : {}" |
| 269 | > | 300 | > |
| 270 | </span> | 301 | </span> |
| 271 | <span | 302 | <span |
| 272 | class="s s2" | 303 | class="s s2" |
| 273 | - :style="optionList[1].twoStyle" | 304 | + :style="optionList.length ? { ...optionList[0].twoStyleAfter, background: optionList[1].backColor || undefined } : {}" |
| 274 | > | 305 | > |
| 275 | </span> | 306 | </span> |
| 276 | </div> | 307 | </div> |
| 277 | - <span v-if="optionList[0].votesBf === 0 && optionList[1].votesBf === 0" v-for="it in optionList" | ||
| 278 | - :key="it.index" :class="['s', it.index === 1 ? 's1' : 's2']" style="width: 50%"> | ||
| 279 | - </span> | 308 | + <span |
| 309 | + v-if="optionList[0].votesBf === 0 && optionList[1].votesBf === 0" | ||
| 310 | + v-for="it in optionList" | ||
| 311 | + :key="it.index" | ||
| 312 | + :class="['s', it.index === 1 ? 's1' : 's2']" | ||
| 313 | + style="width: 50%" | ||
| 314 | + > | ||
| 315 | + </span> | ||
| 280 | </div> | 316 | </div> |
| 281 | <div class="bf sigle"> | 317 | <div class="bf sigle"> |
| 282 | <template v-if="optionList.length > 0"> | 318 | <template v-if="optionList.length > 0"> |
| 283 | <div class="lt"> | 319 | <div class="lt"> |
| 284 | - <span class="lt-s1 mr">{{ optionList[0].votesBf }}%</span> | 320 | + <span |
| 321 | + class="lt-s1 mr" | ||
| 322 | + :style="optionList.length ? { color: optionList[0].backColor || undefined } : {}" | ||
| 323 | + > | ||
| 324 | + {{ optionList[0].votesBf }}% | ||
| 325 | + </span> | ||
| 285 | <span class="lt-s2">{{ details.yes.summary }}</span> | 326 | <span class="lt-s2">{{ details.yes.summary }}</span> |
| 286 | - <img style="margin-left: 0.10666666666666667rem" src="./image/vote/dh.svg" /> | 327 | + <svg v-if="bcIndex === 1 || voteState.optionId === details.yes.optionId" style="margin-left: 0.10666666666666667rem" class="vote-image-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="0.32rem" height="0.32rem" viewBox="0 0 12 12"><g><g><path d="M10.92426,3.424264Q11.00865,3.339873,11.05433,3.22961Q11.1,3.119347,11.1,3Q11.1,2.9409052,11.08847,2.882946Q11.07694,2.824986,11.05433,2.77039Q11.03171,2.715793,10.99888,2.666658Q10.96605,2.617522,10.92426,2.575736Q10.88248,2.53395,10.83334,2.501118Q10.78421,2.468287,10.72961,2.445672Q10.67501,2.423058,10.61705,2.411529Q10.55909,2.4,10.5,2.4Q10.38065,2.4,10.27039,2.445672Q10.16013,2.491345,10.07574,2.575736L10.07558,2.575891L5,7.65147L2.424481,5.075950000000001L2.424264,5.07574Q2.339873,4.99134,2.22961,4.94567Q2.119347,4.9,2,4.9Q1.9409052,4.9,1.882946,4.91153Q1.824986,4.9230599999999995,1.77039,4.94567Q1.7157930000000001,4.96829,1.666658,5.00112Q1.6175220000000001,5.03395,1.575736,5.07574Q1.53395,5.11752,1.501118,5.16666Q1.4682870000000001,5.21579,1.445672,5.27039Q1.4230580000000002,5.32499,1.411529,5.38295Q1.4,5.4409,1.4,5.5Q1.4,5.61935,1.445672,5.72961Q1.491345,5.8398699999999995,1.575736,5.92426L1.5758429999999999,5.92437L4.22218,8.57071Q4.54437,8.892890000000001,5,8.892890000000001Q5.45563,8.892890000000001,5.77782,8.57071L10.92386,3.424673L10.92426,3.424264L10.92426,3.424264Z" fill-rule="evenodd" :fill="optionList.length ? optionList[0].backColor || '#496FFF' : '#496FFF'" fill-opacity="1"/></g></g></svg> |
| 287 | </div> | 328 | </div> |
| 288 | <div class="rt"> | 329 | <div class="rt"> |
| 289 | - <img style="margin-right: 0.10666666666666667rem" src="./image/vote/dh2.svg" /> | 330 | + <svg v-if="bcIndex === 2 || voteState.optionId === details.no.optionId" style="margin-right: 0.10666666666666667rem" class="vote-image-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="12" height="12" viewBox="0 0 12 12"><g><g><path d="" fill="#50BDE7" fill-opacity="1"/><path d="M10.92426,3.424264Q11.00865,3.339873,11.05433,3.22961Q11.1,3.119347,11.1,3Q11.1,2.9409052,11.08847,2.882946Q11.07694,2.824986,11.05433,2.77039Q11.03171,2.715793,10.99888,2.666658Q10.96605,2.617522,10.92426,2.575736Q10.88248,2.53395,10.83334,2.501118Q10.78421,2.468287,10.72961,2.445672Q10.67501,2.423058,10.61705,2.411529Q10.55909,2.4,10.5,2.4Q10.38065,2.4,10.27039,2.445672Q10.16013,2.491345,10.07574,2.575736L10.07558,2.575891L5,7.65147L2.424481,5.075950000000001L2.424264,5.07574Q2.339873,4.99134,2.22961,4.94567Q2.119347,4.9,2,4.9Q1.9409052,4.9,1.882946,4.91153Q1.824986,4.9230599999999995,1.77039,4.94567Q1.7157930000000001,4.96829,1.666658,5.00112Q1.6175220000000001,5.03395,1.575736,5.07574Q1.53395,5.11752,1.501118,5.16666Q1.4682870000000001,5.21579,1.445672,5.27039Q1.4230580000000002,5.32499,1.411529,5.38295Q1.4,5.4409,1.4,5.5Q1.4,5.61935,1.445672,5.72961Q1.491345,5.8398699999999995,1.575736,5.92426L1.5758429999999999,5.92437L4.22218,8.57071Q4.54437,8.892890000000001,5,8.892890000000001Q5.45563,8.892890000000001,5.77782,8.57071L10.92386,3.424673L10.92426,3.424264L10.92426,3.424264Z" fill-rule="evenodd" :fill="optionList.length ? optionList[1].backColor || '#50BDE7' : '#50BDE7'" fill-opacity="1"/></g></g></svg> |
| 290 | <span class="lt-s2">{{ details.no.summary }}</span> | 331 | <span class="lt-s2">{{ details.no.summary }}</span> |
| 291 | - <span class="lt-s1 rtbf">{{ optionList[1].votesBf }}%</span> | 332 | + <span |
| 333 | + class="lt-s1 rtbf" | ||
| 334 | + :style="optionList.length ? { color: optionList[1].backColor || undefined } : {}" | ||
| 335 | + > | ||
| 336 | + {{ optionList[1].votesBf }}% | ||
| 337 | + </span> | ||
| 292 | </div> | 338 | </div> |
| 293 | </template> | 339 | </template> |
| 294 | </div> | 340 | </div> |
| @@ -297,7 +343,7 @@ | @@ -297,7 +343,7 @@ | ||
| 297 | <!-- style = 2 多选一 --> | 343 | <!-- style = 2 多选一 --> |
| 298 | <div v-if="details.voteInfo && details.voteInfo.style === 2 && voteInit"> | 344 | <div v-if="details.voteInfo && details.voteInfo.style === 2 && voteInit"> |
| 299 | <!-- 投票前 --> | 345 | <!-- 投票前 --> |
| 300 | - <div v-if="voteState.status === 0 && details.endTimePoint != 'Close'"> | 346 | + <div v-if="voteState.status === 0 && details.endTimePoint"> |
| 301 | <div :class="['bts2', canSeeBtnOne ? details.options.length >= 0 ? '' : 'mht' : 'mht']"> | 347 | <div :class="['bts2', canSeeBtnOne ? details.options.length >= 0 ? '' : 'mht' : 'mht']"> |
| 302 | <div | 348 | <div |
| 303 | class="btsIem" | 349 | class="btsIem" |
| @@ -308,15 +354,13 @@ | @@ -308,15 +354,13 @@ | ||
| 308 | {{ et.summary }} | 354 | {{ et.summary }} |
| 309 | </div> | 355 | </div> |
| 310 | </div> | 356 | </div> |
| 311 | - <!--<div id="btt" class="open" @click="showAllSelect" v-show="canSeeBtnOne && details.options.length >= 0">--> | ||
| 312 | - <!-- <img v-if="darkMode == 'light'" src="./image/vote/moreVote.svg">--> | ||
| 313 | - <!-- <img v-else src="./image/vote/moreVoteDark.svg">--> | ||
| 314 | - <!--</div>--> | ||
| 315 | </div> | 357 | </div> |
| 316 | 358 | ||
| 317 | <!-- 投票后 --> | 359 | <!-- 投票后 --> |
| 318 | - <div :class="['bts3 mht2', canSeeBtnTwo ? '': 'mht2']" | ||
| 319 | - v-if="voteState.status === 1 || details.endTimePoint === 'Close'"> | 360 | + <div |
| 361 | + :class="['bts3 mht2', canSeeBtnTwo ? '': 'mht2']" | ||
| 362 | + v-if="voteState.status === 1 || !details.endTimePoint" | ||
| 363 | + > | ||
| 320 | <div class="zsbox" v-for="et in optionList" :key="et.index"> | 364 | <div class="zsbox" v-for="et in optionList" :key="et.index"> |
| 321 | <div class="bf"> | 365 | <div class="bf"> |
| 322 | <div class="sumBox"> | 366 | <div class="sumBox"> |
| @@ -336,10 +380,6 @@ | @@ -336,10 +380,6 @@ | ||
| 336 | </span> | 380 | </span> |
| 337 | </div> | 381 | </div> |
| 338 | </div> | 382 | </div> |
| 339 | - <!--<div class="open" @click="showAllSelect2" v-if="canSeeBtnTwo && details.options.length >= 3">--> | ||
| 340 | - <!-- <img v-if="darkMode == 'light'" src="./image/vote/moreVote.svg">--> | ||
| 341 | - <!-- <img v-else src="./image/vote/moreVoteDark.svg">--> | ||
| 342 | - <!--</div>--> | ||
| 343 | </div> | 383 | </div> |
| 344 | </div> | 384 | </div> |
| 345 | </div> | 385 | </div> |
| @@ -360,15 +400,19 @@ | @@ -360,15 +400,19 @@ | ||
| 360 | </div> | 400 | </div> |
| 361 | <div class="timeLine_list"> | 401 | <div class="timeLine_list"> |
| 362 | <div class="timeLine_list_item" v-for="item in timeLine.data" :key="item.id"> | 402 | <div class="timeLine_list_item" v-for="item in timeLine.data" :key="item.id"> |
| 363 | - <div class="timeLine_list_item_title" @click="openMoreTimeLine" :style="{ color: timeLine.slideColor }"> | 403 | + <div class="timeLine_list_item_title" @click="openMoreTimeLine"> |
| 364 | {{ item.dateTimeStr }} | 404 | {{ item.dateTimeStr }} |
| 365 | 405 | ||
| 366 | - <svg class="timeLine_list_item_title_icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="9" height="6" viewBox="0 0 9 6"><g><path d="M2.36038,0L8.30629,0C8.64757,0,8.88855,0.334348,8.78063,0.658114L7.11396,5.65811C7.04591,5.86229,6.85484,6,6.63962,6L0.693713,6C0.352434,6,0.111449,5.66565,0.219371,5.34189L1.88604,0.341886C1.9541,0.137715,2.14516,0,2.36038,0" fill-rule="evenodd" :fill="timeLine.slideColor" fill-opacity="1"/></g></svg> | 406 | + <svg class="timeLine_list_item_title_icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="9" height="6" viewBox="0 0 9 6"> |
| 407 | + <g> | ||
| 408 | + <path d="M2.36038,0L8.30629,0C8.64757,0,8.88855,0.334348,8.78063,0.658114L7.11396,5.65811C7.04591,5.86229,6.85484,6,6.63962,6L0.693713,6C0.352434,6,0.111449,5.66565,0.219371,5.34189L1.88604,0.341886C1.9541,0.137715,2.14516,0,2.36038,0" fill-rule="evenodd" :fill="timeLine.slideColor" fill-opacity="1" /> | ||
| 409 | + </g> | ||
| 410 | + </svg> | ||
| 367 | </div> | 411 | </div> |
| 368 | <div class="timeLine_list_item_content" @click="openMoreTimeLine"> | 412 | <div class="timeLine_list_item_content" @click="openMoreTimeLine"> |
| 369 | {{ item.newsTitle }} | 413 | {{ item.newsTitle }} |
| 370 | </div> | 414 | </div> |
| 371 | - <div class="timeLine_list_item_line" :style="{ background: timeLine.slideColor }"></div> | 415 | + <div class="timeLine_list_item_line" v-if="timeLine.data.length > 1"></div> |
| 372 | </div> | 416 | </div> |
| 373 | </div> | 417 | </div> |
| 374 | <div class="timeline_more" @click="openMoreTimeLine"> | 418 | <div class="timeline_more" @click="openMoreTimeLine"> |
| @@ -392,7 +436,9 @@ | @@ -392,7 +436,9 @@ | ||
| 392 | @click="openShare('8')" | 436 | @click="openShare('8')" |
| 393 | :style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : undefined }" | 437 | :style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : undefined }" |
| 394 | > | 438 | > |
| 395 | - <img class="sharePointRight" :class="appHeader.system === 'ios' ? 'coincide' : ''" src="./image/share/right.png" alt=""> | 439 | + <img class="image-first" src="./image/firstStart.png" alt=""> |
| 440 | + <img class="image-center" src="./image/firstCenter.png" alt=""> | ||
| 441 | + <img class="image-end" src="./image/firstEnd.png" alt=""> | ||
| 396 | <div class="share-content"> | 442 | <div class="share-content"> |
| 397 | <img src="./image/share/poster.svg" alt=""> | 443 | <img src="./image/share/poster.svg" alt=""> |
| 398 | <span>海报</span> | 444 | <span>海报</span> |
| @@ -405,12 +451,16 @@ | @@ -405,12 +451,16 @@ | ||
| 405 | @click="openShare('3')" | 451 | @click="openShare('3')" |
| 406 | :style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }" | 452 | :style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }" |
| 407 | > | 453 | > |
| 454 | + | ||
| 408 | <template v-if="details.shareInfo.sharePosterOpen == 1"> | 455 | <template v-if="details.shareInfo.sharePosterOpen == 1"> |
| 409 | - <img class="sharePointLeft" src="./image/share/left.png" alt=""> | ||
| 410 | - <img class="sharePointRight" :class="appHeader.system === 'ios' ? 'coincide' : ''" src="./image/share/right.png" alt=""> | 456 | + <img class="image-first" src="./image/secondStart.png" alt=""> |
| 457 | + <img class="image-center" src="./image/secondCenter.png" alt=""> | ||
| 458 | + <img class="image-end" src="./image/secondEnd.png" alt=""> | ||
| 411 | </template> | 459 | </template> |
| 412 | <template v-else> | 460 | <template v-else> |
| 413 | - <img class="sharePointRight" :class="appHeader.system === 'ios' ? 'coincide' : ''" src="./image/share/right.png" alt=""> | 461 | + <img class="image-first" src="./image/firstStart.png" alt=""> |
| 462 | + <img class="image-center" src="./image/firstCenter.png" alt=""> | ||
| 463 | + <img class="image-end" src="./image/firstEnd.png" alt=""> | ||
| 414 | </template> | 464 | </template> |
| 415 | <div class="share-content"> | 465 | <div class="share-content"> |
| 416 | <img src="./image/share/wechat.svg" alt=""> | 466 | <img src="./image/share/wechat.svg" alt=""> |
| @@ -422,8 +472,9 @@ | @@ -422,8 +472,9 @@ | ||
| 422 | @click="openShare('4')" | 472 | @click="openShare('4')" |
| 423 | :style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }" | 473 | :style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }" |
| 424 | > | 474 | > |
| 425 | - <img class="sharePointLeft" src="./image/share/left.png" alt=""> | ||
| 426 | - <img class="sharePointRight" :class="appHeader.system === 'ios' ? 'coincide' : ''" src="./image/share/right.png" alt=""> | 475 | + <img class="image-first" src="./image/secondStart.png" alt=""> |
| 476 | + <img class="image-center" src="./image/secondCenter.png" alt=""> | ||
| 477 | + <img class="image-end" src="./image/secondEnd.png" alt=""> | ||
| 427 | <div class="share-content"> | 478 | <div class="share-content"> |
| 428 | <img src="./image/share/wechatCircle.svg" alt=""> | 479 | <img src="./image/share/wechatCircle.svg" alt=""> |
| 429 | <span>朋友圈</span> | 480 | <span>朋友圈</span> |
| @@ -434,24 +485,29 @@ | @@ -434,24 +485,29 @@ | ||
| 434 | @click="openShare('5')" | 485 | @click="openShare('5')" |
| 435 | :style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }" | 486 | :style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }" |
| 436 | > | 487 | > |
| 437 | - <img class="sharePointLeft" src="./image/share/left.png" alt=""> | 488 | + <img class="image-first" src="./image/thirdStart.png" alt=""> |
| 489 | + <img class="image-center" src="./image/thirdCenter.png" alt=""> | ||
| 490 | + <img class="image-end" src="./image/thirdEnd.png" alt=""> | ||
| 438 | <div class="share-content"> | 491 | <div class="share-content"> |
| 439 | <img src="./image/share/weibo.svg" alt=""> | 492 | <img src="./image/share/weibo.svg" alt=""> |
| 440 | <span>微博</span> | 493 | <span>微博</span> |
| 441 | </div> | 494 | </div> |
| 442 | </div> | 495 | </div> |
| 443 | </div> | 496 | </div> |
| 444 | - <div v-if="baseNode === 'dev'" class="reload-page" @click="clearData">重新加载</div> | 497 | + <div class="reload-page" v-if="baseNode == 'dev'" @click="mockAppClearData">模拟app复用重新加载</div> |
| 445 | </div> | 498 | </div> |
| 446 | 499 | ||
| 447 | <!--获取详情数据--> | 500 | <!--获取详情数据--> |
| 448 | <div id="detail-change" class="hidden" @click="requestApp"></div> | 501 | <div id="detail-change" class="hidden" @click="requestApp"></div> |
| 449 | <div id="network-change" class="hidden" @click="changeNetworkStatus"></div> | 502 | <div id="network-change" class="hidden" @click="changeNetworkStatus"></div> |
| 450 | <div id="page-change" class="hidden" @click="queryPageLeaveStatus"></div> | 503 | <div id="page-change" class="hidden" @click="queryPageLeaveStatus"></div> |
| 451 | - <div id="notice-change" class="hidden" @click="changeNoticeStatus"></div> | 504 | + <div id="notice-change" class="hidden" @click="changeMediaPlayStatus"></div> |
| 452 | <div id="quitevent-change" class="hidden" @click="quitGraphicDetailPageEvent"></div> | 505 | <div id="quitevent-change" class="hidden" @click="quitGraphicDetailPageEvent"></div> |
| 453 | - <div id="reloadBtn" data-info="" class="hidden" @click="reload"></div> | 506 | + <div id="reloadBtn" class="hidden" @click="reload"></div> |
| 507 | + <!--<div id="browseCnt-change" class="hidden" @click="browseCntChange"></div>--> | ||
| 454 | <!--清理本地状态，一切回到最初值--> | 508 | <!--清理本地状态，一切回到最初值--> |
| 509 | + <div id="reloadPage" class="hidden" @click="mockAppClearData"></div> | ||
| 510 | + <div id="page-reload-change" class="hidden" @click="pageReloadChange(500)"></div> | ||
| 455 | <div id="clearData" class="hidden" @click="clearData"></div> | 511 | <div id="clearData" class="hidden" @click="clearData"></div> |
| 456 | </div> | 512 | </div> |
| 457 | <div id="voteHiddenBlock"> | 513 | <div id="voteHiddenBlock"> |
| @@ -462,20 +518,6 @@ | @@ -462,20 +518,6 @@ | ||
| 462 | <div id="hidden"></div> | 518 | <div id="hidden"></div> |
| 463 | <div id="hiddenArticle"></div> | 519 | <div id="hiddenArticle"></div> |
| 464 | <script> | 520 | <script> |
| 465 | - var hasDetails = false | ||
| 466 | - | ||
| 467 | - setTimeout(() => { | ||
| 468 | - if (!hasDetails) { | ||
| 469 | - console.log('页面展示超过100毫秒') | ||
| 470 | - if (document.querySelector('.skeleton-loading').classList.contains('active')) { | ||
| 471 | - document.querySelector('.skeleton-loading').classList.remove('active') | ||
| 472 | - } | ||
| 473 | - } else { | ||
| 474 | - console.log('页面展示小于100毫秒') | ||
| 475 | - } | ||
| 476 | - }, 100) | ||
| 477 | -</script> | ||
| 478 | -<script> | ||
| 479 | var slow = false | 521 | var slow = false |
| 480 | var fast = false | 522 | var fast = false |
| 481 | setTimeout(() => { | 523 | setTimeout(() => { |
| @@ -528,9 +570,21 @@ | @@ -528,9 +570,21 @@ | ||
| 528 | <!-- 业务文件 文件 --> | 570 | <!-- 业务文件 文件 --> |
| 529 | <script src="./js/index.js"></script> | 571 | <script src="./js/index.js"></script> |
| 530 | <script> | 572 | <script> |
| 573 | + if (window.config.VUE_BASE_NODE === 'dev' && !window.config.devApp) { | ||
| 574 | + firstTime = new Date() | ||
| 575 | + checkPageLoadingTimeOut() | ||
| 576 | + } | ||
| 577 | +</script> | ||
| 578 | +<script> | ||
| 579 | + if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 580 | + document.querySelector('.error-block-reload-btn').addEventListener('click', () => { | ||
| 581 | + document.querySelector('#reloadPage').click() | ||
| 582 | + }) | ||
| 583 | + } | ||
| 584 | + | ||
| 531 | document.querySelector('.error-block-retry-btn').addEventListener('click', () => { | 585 | document.querySelector('.error-block-retry-btn').addEventListener('click', () => { |
| 532 | if (document.querySelector('#reloadBtn')) { | 586 | if (document.querySelector('#reloadBtn')) { |
| 533 | - // document.querySelector('#reloadBtn').click() | 587 | + document.querySelector('#reloadBtn').click() |
| 534 | } | 588 | } |
| 535 | }) | 589 | }) |
| 536 | </script> | 590 | </script> |
| @@ -12,7 +12,14 @@ function useAudio(audioState, details) { | @@ -12,7 +12,14 @@ function useAudio(audioState, details) { | ||
| 12 | playVideoErrorPoint(pointData(record), !!record.traceId) | 12 | playVideoErrorPoint(pointData(record), !!record.traceId) |
| 13 | } | 13 | } |
| 14 | 14 | ||
| 15 | - const audioEvent = {} | 15 | + let audioEvent = { |
| 16 | + duration: [], | ||
| 17 | + time: [], | ||
| 18 | + play: [], | ||
| 19 | + pause: [], | ||
| 20 | + error: [], | ||
| 21 | + ended: [], | ||
| 22 | + } | ||
| 16 | 23 | ||
| 17 | const start = () => { | 24 | const start = () => { |
| 18 | audioEvent.duration = [] | 25 | audioEvent.duration = [] |
| @@ -70,6 +77,12 @@ function useAudio(audioState, details) { | @@ -70,6 +77,12 @@ function useAudio(audioState, details) { | ||
| 70 | audioStylePlay.style.display = 'none' | 77 | audioStylePlay.style.display = 'none' |
| 71 | audioStylePause.style.display = 'block' | 78 | audioStylePause.style.display = 'block' |
| 72 | 79 | ||
| 80 | + try { | ||
| 81 | + sendNative('jsCall_currentPageOperate', { | ||
| 82 | + operateType: '10' | ||
| 83 | + }) | ||
| 84 | + } catch (e) { } | ||
| 85 | + | ||
| 73 | audioElList.forEach(el => { | 86 | audioElList.forEach(el => { |
| 74 | const dataIds = el.getAttribute('data-id') | 87 | const dataIds = el.getAttribute('data-id') |
| 75 | if (dataIds != dataId) { | 88 | if (dataIds != dataId) { |
| @@ -104,6 +117,7 @@ function useAudio(audioState, details) { | @@ -104,6 +117,7 @@ function useAudio(audioState, details) { | ||
| 104 | 117 | ||
| 105 | watch(audioState, (val) => { | 118 | watch(audioState, (val) => { |
| 106 | if (val) { | 119 | if (val) { |
| 120 | + console.log('watch', val) | ||
| 107 | const audioElList = document.querySelectorAll('.preview-audio-player, .preview-audio-player-cover') | 121 | const audioElList = document.querySelectorAll('.preview-audio-player, .preview-audio-player-cover') |
| 108 | 122 | ||
| 109 | audioElList.forEach((item, _) => { | 123 | audioElList.forEach((item, _) => { |
| @@ -123,6 +137,7 @@ function useAudio(audioState, details) { | @@ -123,6 +137,7 @@ function useAudio(audioState, details) { | ||
| 123 | }) | 137 | }) |
| 124 | 138 | ||
| 125 | const remove = () => { | 139 | const remove = () => { |
| 140 | + audioPlayNum.value = 0 | ||
| 126 | const audioElList = document.querySelectorAll('.preview-audio-player, .preview-audio-player-cover') | 141 | const audioElList = document.querySelectorAll('.preview-audio-player, .preview-audio-player-cover') |
| 127 | audioElList.forEach((item, key) => { | 142 | audioElList.forEach((item, key) => { |
| 128 | const audioStylePlay = item.querySelector('.audio-play-icon') | 143 | const audioStylePlay = item.querySelector('.audio-play-icon') |
| @@ -135,14 +150,32 @@ function useAudio(audioState, details) { | @@ -135,14 +150,32 @@ function useAudio(audioState, details) { | ||
| 135 | audioStylePlay.style.display = 'block' | 150 | audioStylePlay.style.display = 'block' |
| 136 | } | 151 | } |
| 137 | 152 | ||
| 138 | - item_audio.removeEventListener('durationchange', audioEvent.duration[key]) | ||
| 139 | - item_audio.removeEventListener('timeupdate', audioEvent.time[key]) | ||
| 140 | - item_audio.removeEventListener('ended', audioEvent.ended[key]) | ||
| 141 | - item_audio.removeEventListener('error', audioEvent.error[key]) | ||
| 142 | - audioStylePlay.removeEventListener('click', audioEvent.play[key]) | ||
| 143 | - audioStylePause.removeEventListener('click', audioEvent.pause[key]) | ||
| 144 | - }) | 153 | + if (audioEvent.duration.length) { |
| 154 | + item_audio.removeEventListener('durationchange', audioEvent.duration[key]) | ||
| 155 | + } | ||
| 156 | + | ||
| 157 | + if (audioEvent.time.length) { | ||
| 158 | + item_audio.removeEventListener('timeupdate', audioEvent.time[key]) | ||
| 159 | + } | ||
| 160 | + | ||
| 161 | + if (audioEvent.ended.length) { | ||
| 162 | + item_audio.removeEventListener('ended', audioEvent.ended[key]) | ||
| 163 | + } | ||
| 145 | 164 | ||
| 165 | + if (audioEvent.error.length) { | ||
| 166 | + item_audio.removeEventListener('error', audioEvent.error[key]) | ||
| 167 | + } | ||
| 168 | + | ||
| 169 | + if (audioEvent.play.length) { | ||
| 170 | + audioStylePlay.removeEventListener('click', audioEvent.play[key]) | ||
| 171 | + } | ||
| 172 | + | ||
| 173 | + if (audioEvent.pause.length) { | ||
| 174 | + audioStylePause.removeEventListener('click', audioEvent.pause[key]) | ||
| 175 | + } | ||
| 176 | + | ||
| 177 | + }) | ||
| 178 | + audioEvent = {} | ||
| 146 | } | 179 | } |
| 147 | 180 | ||
| 148 | return { | 181 | return { |
| @@ -12,6 +12,22 @@ function useEchart() { | @@ -12,6 +12,22 @@ function useEchart() { | ||
| 12 | 12 | ||
| 13 | const start = (options) => { | 13 | const start = (options) => { |
| 14 | if (options) { | 14 | if (options) { |
| 15 | + Object.values(options).forEach((item) => { | ||
| 16 | + let dom = document.querySelector(`#${item.id}`) | ||
| 17 | + if (dom) { | ||
| 18 | + const type = item.option && item.option.series ? item.option.series[0].type : '' | ||
| 19 | + const title = item.option.title ? item.option.title.text || '' : '' | ||
| 20 | + let yValueName = '' | ||
| 21 | + | ||
| 22 | + const isScatter = item.option.series && item.option.series.length === 2 | ||
| 23 | + if (isScatter) { | ||
| 24 | + } else { | ||
| 25 | + yValueName = item.option && item.option.yAxis ? item.option.yAxis.name : '' | ||
| 26 | + } | ||
| 27 | + dom.outerHTML = `<div class="en-echart">${!!title ? | ||
| 28 | + `<div class="en-echart-title droidSerif-bold">${item.option.title.text}</div>` : ''}${!!yValueName ? `<div class="en-echart-yname">${yValueName}</div>` : ''}<div class="" style="width: 100%; height: ${type === 'pie' ? 5 : 6.29333}rem; margin: 0 auto;" id="${item.id}"></div></div>` | ||
| 29 | + } | ||
| 30 | + }) | ||
| 15 | setTimeout(() => { | 31 | setTimeout(() => { |
| 16 | loadFile( | 32 | loadFile( |
| 17 | document, | 33 | document, |
| @@ -33,14 +49,10 @@ function useEchart() { | @@ -33,14 +49,10 @@ function useEchart() { | ||
| 33 | () => { | 49 | () => { |
| 34 | const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true' | 50 | const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true' |
| 35 | echarts.registerTransform(ecStat.transform.regression) | 51 | echarts.registerTransform(ecStat.transform.regression) |
| 36 | - | ||
| 37 | - Object.values(options).map((item) => { | 52 | + Object.values(options).forEach((item) => { |
| 38 | let dom = document.querySelector(`#${item.id}`) | 53 | let dom = document.querySelector(`#${item.id}`) |
| 39 | if (dom) { | 54 | if (dom) { |
| 40 | const type = item.option.series[0].type | 55 | const type = item.option.series[0].type |
| 41 | - const title = item.option.title ? item.option.title.text || '' : '' | ||
| 42 | - let yValueName = '' | ||
| 43 | - | ||
| 44 | const isScatter = item.option.series && item.option.series.length === 2 | 56 | const isScatter = item.option.series && item.option.series.length === 2 |
| 45 | const seriesObjSecond = item.option.series ? item.option.series[1] : {} | 57 | const seriesObjSecond = item.option.series ? item.option.series[1] : {} |
| 46 | item.option.yAxis = item.option && item.option.yAxis ? item.option.yAxis[0] : {} | 58 | item.option.yAxis = item.option && item.option.yAxis ? item.option.yAxis[0] : {} |
| @@ -50,13 +62,11 @@ function useEchart() { | @@ -50,13 +62,11 @@ function useEchart() { | ||
| 50 | item.option.yAxis.nameTextStyle.align = 'left' | 62 | item.option.yAxis.nameTextStyle.align = 'left' |
| 51 | item.option.yAxis.nameTextStyle.padding = [ 0, 0, 0, -34 ] | 63 | item.option.yAxis.nameTextStyle.padding = [ 0, 0, 0, -34 ] |
| 52 | } else { | 64 | } else { |
| 53 | - yValueName = item.option.yAxis.name | ||
| 54 | delete item.option.yAxis.name | 65 | delete item.option.yAxis.name |
| 55 | } | 66 | } |
| 56 | 67 | ||
| 57 | - dom.outerHTML = `<div class="en-echart">${!!title ? | ||
| 58 | - `<div class="en-echart-title droidSerif-bold">${item.option.title.text}</div>` : ''}${!!yValueName ? `<div class="en-echart-yname">${yValueName}</div>` : ''}<div class="" style="width: 100%; height: ${type === 'pie' ? 5 : 6.29333}rem; margin: 0 auto;" id="${item.id}"></div></div>` | ||
| 59 | let dom2 = document.querySelector(`#${item.id}`) | 68 | let dom2 = document.querySelector(`#${item.id}`) |
| 69 | + console.log(dom2) | ||
| 60 | let chart = echarts.init(dom2, null, { | 70 | let chart = echarts.init(dom2, null, { |
| 61 | renderer: 'svg', | 71 | renderer: 'svg', |
| 62 | useDirtyRect: false | 72 | useDirtyRect: false |
| @@ -102,7 +112,7 @@ function useEchart() { | @@ -102,7 +112,7 @@ function useEchart() { | ||
| 102 | backgroundColor: isDark ? '#161827' : '#fff', | 112 | backgroundColor: isDark ? '#161827' : '#fff', |
| 103 | grid: { | 113 | grid: { |
| 104 | containLabel: true, | 114 | containLabel: true, |
| 105 | - left: '0%', | 115 | + left: '1px', |
| 106 | right: '5%', | 116 | right: '5%', |
| 107 | top: type === 'pie' ? '0%' : '6%', | 117 | top: type === 'pie' ? '0%' : '6%', |
| 108 | bottom: '5%', | 118 | bottom: '5%', |
| @@ -170,7 +180,7 @@ function useEchart() { | @@ -170,7 +180,7 @@ function useEchart() { | ||
| 170 | ) | 180 | ) |
| 171 | } | 181 | } |
| 172 | ) | 182 | ) |
| 173 | - }, 100) | 183 | + }, 10) |
| 174 | } | 184 | } |
| 175 | } | 185 | } |
| 176 | 186 |
| @@ -2,20 +2,22 @@ const { ref, reactive, watch } = Vue | @@ -2,20 +2,22 @@ const { ref, reactive, watch } = Vue | ||
| 2 | 2 | ||
| 3 | const domUtil = new DomUtil('#newsContent') | 3 | const domUtil = new DomUtil('#newsContent') |
| 4 | 4 | ||
| 5 | +let audioNoticeEvent = [] | ||
| 6 | +let audioTitleElList = [] | ||
| 7 | + | ||
| 5 | function useEditorContent( | 8 | function useEditorContent( |
| 6 | details, | 9 | details, |
| 7 | netstutas, | 10 | netstutas, |
| 8 | - networkSwitch, | ||
| 9 | audioState, | 11 | audioState, |
| 10 | loadlmageOnlyWifiSwitch, | 12 | loadlmageOnlyWifiSwitch, |
| 11 | recordTime | 13 | recordTime |
| 12 | ) { | 14 | ) { |
| 13 | const { startImage, remove: removeImage, addPreview } = useImage(details, netstutas, loadlmageOnlyWifiSwitch) | 15 | const { startImage, remove: removeImage, addPreview } = useImage(details, netstutas, loadlmageOnlyWifiSwitch) |
| 14 | - const { start: startAudio, remove: removeAudio } = useAudio(audioState) | 16 | + const { start: startAudio, remove: removeAudio } = useAudio(audioState, details) |
| 15 | const { start: startEchart, echartRemove } = useEchart() | 17 | const { start: startEchart, echartRemove } = useEchart() |
| 16 | const { startSwiper, addSwiper, remove: removeSwiper, elList: swiperList } = useSwiper() | 18 | const { startSwiper, addSwiper, remove: removeSwiper, elList: swiperList } = useSwiper() |
| 17 | const { startSwiperPoster, addSwiperPoster, remove: removeSwiperPoster, elList: swiperPosterList } = useSwiperPoster() | 19 | const { startSwiperPoster, addSwiperPoster, remove: removeSwiperPoster, elList: swiperPosterList } = useSwiperPoster() |
| 18 | - const { initVideo, addVideoList, removeDpVideo } = useVideo(netstutas, networkSwitch) | 20 | + const { initVideo, addVideoList, removeDpVideo } = useVideo() |
| 19 | 21 | ||
| 20 | const startSwiperText = () => { | 22 | const startSwiperText = () => { |
| 21 | const basicWidth = getTextWidth('Trucks wait to load containers at a container terminal in Rizhao。', { | 23 | const basicWidth = getTextWidth('Trucks wait to load containers at a container terminal in Rizhao。', { |
| @@ -43,30 +45,98 @@ function useEditorContent( | @@ -43,30 +45,98 @@ function useEditorContent( | ||
| 43 | // 添加关键帧到样式表中 | 45 | // 添加关键帧到样式表中 |
| 44 | keyframesSheet.insertRule(`@keyframes swiperText${i} { ${frameStyles} }`, 0) | 46 | keyframesSheet.insertRule(`@keyframes swiperText${i} { ${frameStyles} }`, 0) |
| 45 | keyframesSheet.insertRule(`@keyframes swiperTextIn${i} { ${frameStyless} }`, 1) | 47 | keyframesSheet.insertRule(`@keyframes swiperTextIn${i} { ${frameStyless} }`, 1) |
| 46 | - // @ts-ignore | ||
| 47 | swiperText[i].style.animation = `swiperText${i} ${firstDuration}s linear` | 48 | swiperText[i].style.animation = `swiperText${i} ${firstDuration}s linear` |
| 48 | - // @ts-ignore | ||
| 49 | swiperText[i].style.animationDelay = `.5s` | 49 | swiperText[i].style.animationDelay = `.5s` |
| 50 | setTimeout(() => { | 50 | setTimeout(() => { |
| 51 | - // @ts-ignore | ||
| 52 | swiperText[i].style.animation = `swiperTextIn${i} ${rate * (rightWidth + textWidth)}s linear infinite` | 51 | swiperText[i].style.animation = `swiperTextIn${i} ${rate * (rightWidth + textWidth)}s linear infinite` |
| 53 | - // @ts-ignore | ||
| 54 | swiperText[i].style.animationDelay = `0` | 52 | swiperText[i].style.animationDelay = `0` |
| 55 | }, firstDuration * 1000 + 500) | 53 | }, firstDuration * 1000 + 500) |
| 56 | } | 54 | } |
| 57 | } | 55 | } |
| 58 | 56 | ||
| 59 | - const handleArticleStr = () => { | ||
| 60 | - console.log(`编辑器内容二次处理开始：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 61 | - .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 62 | - .diff(dayjs(firstTime), 'millisecond')}`) | 57 | + const startAuidoText = () => { |
| 58 | + const originAudioElList = document.querySelectorAll('.audio-title') | ||
| 59 | + originAudioElList.forEach(el => { | ||
| 60 | + const wrapWidth = el.getBoundingClientRect().width | ||
| 61 | + const textHeight = el.getBoundingClientRect().height | ||
| 62 | + const text = el.textContent | ||
| 63 | + const hasCover = el.getAttribute('data-cover') === 'cover' | ||
| 64 | + const isShortTitle = getTextWidth(text, { | ||
| 65 | + fontSize: hasCover ? '0.32rem' : '0.4rem', | ||
| 66 | + fontWeight: hasCover ? 500 : 700, | ||
| 67 | + lineHeight: hasCover ? '0.42666667rem' : `${17 / 37.5}rem`, | ||
| 68 | + display: 'inline-block', | ||
| 69 | + wordBreak: 'break-all', | ||
| 70 | + width: `${wrapWidth}px` | ||
| 71 | + }, 'height') <= textHeight | ||
| 72 | + if (!isShortTitle) { | ||
| 73 | + audioTitleElList.push(el) | ||
| 74 | + } | ||
| 75 | + }) | ||
| 76 | + for (let i = 0; i < audioTitleElList.length; i++) { | ||
| 77 | + const el = audioTitleElList[i] | ||
| 78 | + const wrapWidth = el.getBoundingClientRect().width | ||
| 79 | + const speed = 60 | ||
| 80 | + const contentEl = el.querySelector('.audio-notice-title') | ||
| 81 | + const contentWidth = contentEl.getBoundingClientRect().width | ||
| 82 | + let offset = -contentWidth | ||
| 83 | + let duration = contentWidth / +speed | ||
| 84 | + contentEl.style.transform = offset ? `translateX(${offset}px)` : '' | ||
| 85 | + contentEl.style.transitionDuration = `${duration}s` | ||
| 86 | + | ||
| 87 | + function onTransitionEnd() { | ||
| 88 | + offset = wrapWidth | ||
| 89 | + duration = 0 | ||
| 90 | + contentEl.style.transform = offset ? `translateX(${offset}px)` : '' | ||
| 91 | + contentEl.style.transitionDuration = `${duration}s` | ||
| 92 | + | ||
| 93 | + setTimeout(() => { | ||
| 94 | + offset = -contentWidth | ||
| 95 | + duration = (contentWidth + wrapWidth) / +speed | ||
| 96 | + | ||
| 97 | + contentEl.style.transform = offset ? `translateX(${offset}px)` : '' | ||
| 98 | + contentEl.style.transitionDuration = `${duration}s` | ||
| 99 | + }, 50) | ||
| 100 | + | ||
| 101 | + } | ||
| 102 | + | ||
| 103 | + audioNoticeEvent.push(onTransitionEnd) | ||
| 104 | + | ||
| 105 | + contentEl.addEventListener('transitionend', onTransitionEnd) | ||
| 106 | + } | ||
| 107 | + | ||
| 108 | + } | ||
| 109 | + | ||
| 110 | + const handleArticleStr = (deleteFirst) => { | ||
| 111 | + // console.log(`编辑器内容二次处理开始：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 112 | + // .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 113 | + // .diff(dayjs(firstTime), 'millisecond')}`) | ||
| 63 | recordTime.value = dayjs() | 114 | recordTime.value = dayjs() |
| 64 | // TODO 这里是把给到的内容格式化-兼容早晚报 | 115 | // TODO 这里是把给到的内容格式化-兼容早晚报 |
| 65 | let str = details.value.newsContent.replace(/<img(.*?)src="(.*?)"(.*?)>/g, '<img$1src="" data-src="$2"$3>') | 116 | let str = details.value.newsContent.replace(/<img(.*?)src="(.*?)"(.*?)>/g, '<img$1src="" data-src="$2"$3>') |
| 66 | str = str.replace(/<IMG(.*?)src="(.*?)"(.*?)>/g, '<IMG$1src="" data-src="$2"$3>') | 117 | str = str.replace(/<IMG(.*?)src="(.*?)"(.*?)>/g, '<IMG$1src="" data-src="$2"$3>') |
| 118 | + str = str.replace(/<video(.*?)poster="(.*?)"(.*?)>/g, '<video$1poster="" data-poster="$2"$3>') | ||
| 119 | + str = str.replace(/<VIDEO(.*?)poster="(.*?)"(.*?)>/g, '<VIDEO$1poster="" data-poster="$2"$3>') | ||
| 67 | str = str.replace(/<p>\s*<\/p>/g, '') | 120 | str = str.replace(/<p>\s*<\/p>/g, '') |
| 68 | str = str.replace(/[\u200B-\u200D\uFEFF]/g, '') | 121 | str = str.replace(/[\u200B-\u200D\uFEFF]/g, '') |
| 69 | str = htmlDecode(str) | 122 | str = htmlDecode(str) |
| 123 | + // 这一步去除元素与元素之间的空格 | ||
| 124 | + str = str.replace(/>\s+</g, '><') | ||
| 125 | + // 这一步去除开头和末尾的空格 | ||
| 126 | + str = str.trim() | ||
| 127 | + if (!deleteFirst) { | ||
| 128 | + str = str.replace(/<br>|<br\/>/g, '') | ||
| 129 | + str = str.replace(/ /g, ' ') | ||
| 130 | + | ||
| 131 | + // 首行空格 | ||
| 132 | + str = str.replace(/<[^>]*>(\s*)/g, function (match, group) { | ||
| 133 | + return '<' + match.substring(1, match.length - group.length) | ||
| 134 | + }) | ||
| 135 | + // 末尾空格 | ||
| 136 | + str = str.replace(/(<\w+[^>]*>)\s*(.*?)\s*(<\/\w+>)/g, function (match, openTag, content, closeTag) { | ||
| 137 | + return openTag + content.trim() + closeTag | ||
| 138 | + }) | ||
| 139 | + } | ||
| 70 | document.querySelector('#newsContent').innerHTML = str | 140 | document.querySelector('#newsContent').innerHTML = str |
| 71 | const realHtml = document.querySelector('#newsContent').innerHTML | 141 | const realHtml = document.querySelector('#newsContent').innerHTML |
| 72 | document.querySelector('#newsContent').innerHTML = '' | 142 | document.querySelector('#newsContent').innerHTML = '' |
| @@ -74,12 +144,13 @@ function useEditorContent( | @@ -74,12 +144,13 @@ function useEditorContent( | ||
| 74 | if (type === 1) { | 144 | if (type === 1) { |
| 75 | addPreview() | 145 | addPreview() |
| 76 | } else if (type === 2) { | 146 | } else if (type === 2) { |
| 77 | - /*option: id: "FbbrVKdkkE",originId: "origin-video-0",poster: "",src: "https://rmrb-video-content-sit.oss-cn-beijing.aliyuncs.com/zhbj-202 */ | ||
| 78 | addVideoList(option) | 147 | addVideoList(option) |
| 79 | } else if (type === 3) { | 148 | } else if (type === 3) { |
| 80 | addSwiper(option) | 149 | addSwiper(option) |
| 81 | } else if (type === 4) { | 150 | } else if (type === 4) { |
| 82 | addSwiperPoster(option) | 151 | addSwiperPoster(option) |
| 152 | + } else if (type === 5) { | ||
| 153 | + loadCSS('./css/swiper-bundle.min.css') | ||
| 83 | } | 154 | } |
| 84 | }, details.value, netstutas.value, loadlmageOnlyWifiSwitch.value) | 155 | }, details.value, netstutas.value, loadlmageOnlyWifiSwitch.value) |
| 85 | clearEmptyPel() | 156 | clearEmptyPel() |
| @@ -88,29 +159,32 @@ function useEditorContent( | @@ -88,29 +159,32 @@ function useEditorContent( | ||
| 88 | appBlock(true) | 159 | appBlock(true) |
| 89 | mobileApp(true) | 160 | mobileApp(true) |
| 90 | 161 | ||
| 91 | - console.log(`数据逻辑处理总共耗时时间：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 92 | - .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 93 | - .diff(dayjs(firstTime), 'millisecond')}`) | 162 | + // console.log(`数据逻辑处理总共耗时时间：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() |
| 163 | + // .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 164 | + // .diff(dayjs(firstTime), 'millisecond')}`) | ||
| 94 | recordTime.value = dayjs() | 165 | recordTime.value = dayjs() |
| 95 | 166 | ||
| 96 | - startSwiperText() | ||
| 97 | - if (details.value.newsContentBak && details.value.newsContentBak !== '{}') { | ||
| 98 | - try { | ||
| 99 | - startEchart(JSON.parse(details.value.newsContentBak)) | ||
| 100 | - } catch (e) {} | ||
| 101 | - } | ||
| 102 | - addLinkClick() | ||
| 103 | - startImage() | ||
| 104 | - initVideo() | ||
| 105 | - startAudio() | ||
| 106 | - | ||
| 107 | nextTick(() => { | 167 | nextTick(() => { |
| 108 | - if (swiperList.value.length) { startSwiper() } | ||
| 109 | - if (swiperPosterList.value.length) { startSwiperPoster() } | 168 | + startSwiperText() |
| 169 | + startAuidoText() | ||
| 170 | + if (details.value.newsContentBak && details.value.newsContentBak !== '{}') { | ||
| 171 | + try { | ||
| 172 | + startEchart(JSON.parse(details.value.newsContentBak)) | ||
| 173 | + } catch (e) { | ||
| 174 | + } | ||
| 175 | + } | ||
| 176 | + addLinkClick() | ||
| 177 | + startImage() | ||
| 178 | + initVideo() | ||
| 179 | + startAudio() | ||
| 110 | 180 | ||
| 111 | - changeContentHtmlHeight({ type: 'done' }) | ||
| 112 | - }) | 181 | + nextTick(() => { |
| 182 | + if (swiperList.value.length) { startSwiper() } | ||
| 183 | + if (swiperPosterList.value.length) { startSwiperPoster() } | ||
| 113 | 184 | ||
| 185 | + changeContentHtmlHeight({ type: 'done' }) | ||
| 186 | + }) | ||
| 187 | + }) | ||
| 114 | } | 188 | } |
| 115 | 189 | ||
| 116 | const addLinkClick = () => { | 190 | const addLinkClick = () => { |
| @@ -133,29 +207,29 @@ function useEditorContent( | @@ -133,29 +207,29 @@ function useEditorContent( | ||
| 133 | } | 207 | } |
| 134 | } | 208 | } |
| 135 | try { | 209 | try { |
| 136 | - if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 137 | - if (url) window.open(url) | ||
| 138 | - } else { | ||
| 139 | - let dataInfo = aEl[i].getAttribute('data-rmrbnative') | ||
| 140 | - | ||
| 141 | - try { | ||
| 142 | - if (dataInfo) { | ||
| 143 | - dataInfo = Base64().decode(dataInfo) | ||
| 144 | - dataInfo = JSON.parse(dataInfo) | ||
| 145 | - } | ||
| 146 | - } catch (error) {} | ||
| 147 | - | ||
| 148 | - let inner = dataInfo && | ||
| 149 | - (typeof dataInfo === 'undefined' | ||
| 150 | - ? 'undefined' | ||
| 151 | - : typeof dataInfo === 'object' && dataInfo.jumpType && dataInfo.jumpType == 'internal') | ||
| 152 | - | ||
| 153 | - if (!inner) { | ||
| 154 | - // TODO 这里判断第二种方法：url地址规则判断是否端内打开 | 210 | + let dataInfo = aEl[i].getAttribute('data-rmrbnative') |
| 211 | + try { | ||
| 212 | + if (dataInfo) { | ||
| 213 | + dataInfo = Base64().decode(dataInfo) | ||
| 214 | + dataInfo = JSON.parse(dataInfo) | ||
| 155 | } | 215 | } |
| 216 | + } catch (error) {} | ||
| 217 | + | ||
| 218 | + let inner = dataInfo && | ||
| 219 | + (typeof dataInfo === 'undefined' | ||
| 220 | + ? 'undefined' | ||
| 221 | + : typeof dataInfo === 'object' && dataInfo.jumpType && dataInfo.jumpType == 'internal') | ||
| 156 | 222 | ||
| 223 | + if (!inner) { | ||
| 224 | + // TODO 这里判断第二种方法：url地址规则判断是否端内打开 | ||
| 225 | + } | ||
| 226 | + if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 227 | + console.log(inner) | ||
| 228 | + console.log(dataInfo) | ||
| 229 | + // if (url) window.open(url) | ||
| 230 | + } else { | ||
| 157 | if (inner && url) { | 231 | if (inner && url) { |
| 158 | - jumpAppInnerFun(dataInfo) | 232 | + jumpAppInnerFun(dataInfo, url) |
| 159 | } else if (url) { | 233 | } else if (url) { |
| 160 | sendNative( | 234 | sendNative( |
| 161 | 'jsCall_appInnerLinkMethod', | 235 | 'jsCall_appInnerLinkMethod', |
| @@ -170,8 +244,8 @@ function useEditorContent( | @@ -170,8 +244,8 @@ function useEditorContent( | ||
| 170 | } | 244 | } |
| 171 | } | 245 | } |
| 172 | 246 | ||
| 173 | - const initEditorStr = () => { | ||
| 174 | - handleArticleStr() | 247 | + const initEditorStr = (deleteFirst) => { |
| 248 | + handleArticleStr(deleteFirst) | ||
| 175 | } | 249 | } |
| 176 | 250 | ||
| 177 | const refreshEditorStr = () => { | 251 | const refreshEditorStr = () => { |
| @@ -181,6 +255,10 @@ function useEditorContent( | @@ -181,6 +255,10 @@ function useEditorContent( | ||
| 181 | behavior: 'smooth' // 如果需要平滑滚动，可以添加这个选项 | 255 | behavior: 'smooth' // 如果需要平滑滚动，可以添加这个选项 |
| 182 | }) | 256 | }) |
| 183 | } | 257 | } |
| 258 | + audioTitleElList.forEach((el, key) => { | ||
| 259 | + const contentEl = el.querySelector('.audio-notice-title') | ||
| 260 | + contentEl.removeEventListener('transitionend', audioNoticeEvent[key]) | ||
| 261 | + }) | ||
| 184 | removeDpVideo() | 262 | removeDpVideo() |
| 185 | removeImage() | 263 | removeImage() |
| 186 | echartRemove() | 264 | echartRemove() |
| @@ -4,6 +4,8 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -4,6 +4,8 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 4 | 4 | ||
| 5 | const imageLoaded = ref(false) | 5 | const imageLoaded = ref(false) |
| 6 | 6 | ||
| 7 | + let clickFunList = [] | ||
| 8 | + | ||
| 7 | watch(() => imageLoadedLen.value, (val) => { | 9 | watch(() => imageLoadedLen.value, (val) => { |
| 8 | if (val === document.querySelectorAll('#newsContent img[data-src]').length && val > 0) { | 10 | if (val === document.querySelectorAll('#newsContent img[data-src]').length && val > 0) { |
| 9 | imageLoaded.value = true | 11 | imageLoaded.value = true |
| @@ -44,7 +46,6 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -44,7 +46,6 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 44 | if (hasPreview) { | 46 | if (hasPreview) { |
| 45 | record.parentNode.setAttribute('status', 'error') | 47 | record.parentNode.setAttribute('status', 'error') |
| 46 | record.parentNode.classList.remove('success') | 48 | record.parentNode.classList.remove('success') |
| 47 | - record.parentNode.classList.remove('minHeight') | ||
| 48 | record.parentNode.classList.remove('loading') | 49 | record.parentNode.classList.remove('loading') |
| 49 | record.parentNode.classList.remove('no-network') | 50 | record.parentNode.classList.remove('no-network') |
| 50 | record.parentNode.classList.add('error') | 51 | record.parentNode.classList.add('error') |
| @@ -77,6 +78,17 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -77,6 +78,17 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 77 | } | 78 | } |
| 78 | // 没有该属性代表不加载 | 79 | // 没有该属性代表不加载 |
| 79 | if (!src) { | 80 | if (!src) { |
| 81 | + if (imageLoadedLen.value !== document.querySelectorAll('#newsContent img[data-src]').length) { | ||
| 82 | + imageLoadedLen.value += 1 | ||
| 83 | + } | ||
| 84 | + | ||
| 85 | + if (hasPreview) { | ||
| 86 | + record.parentNode.setAttribute('status', 'error') | ||
| 87 | + record.parentNode.classList.remove('success') | ||
| 88 | + record.parentNode.classList.remove('loading') | ||
| 89 | + record.parentNode.classList.remove('no-network') | ||
| 90 | + record.parentNode.classList.add('error') | ||
| 91 | + } | ||
| 80 | continue | 92 | continue |
| 81 | } | 93 | } |
| 82 | const networkStatus = [ 2, 3, 4, 5 ] | 94 | const networkStatus = [ 2, 3, 4, 5 ] |
| @@ -107,15 +119,14 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -107,15 +119,14 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 107 | } | 119 | } |
| 108 | 120 | ||
| 109 | const remove = () => { | 121 | const remove = () => { |
| 110 | - const list = document.querySelectorAll('#newsContent img[data-src]') | ||
| 111 | - for (let i = 0; i < list.length; i++) { | ||
| 112 | - const hasPreview = list[i].classList.contains('image-player') | ||
| 113 | - if (hasPreview) { | ||
| 114 | - list[i].removeEventListener('click', () => {}) | ||
| 115 | - } | 122 | + const previewElList = document.querySelectorAll('#newsContent .preview-image-block') |
| 123 | + for (let i = 0; i < previewElList.length; i++) { | ||
| 124 | + previewElList[i].removeEventListener('click', clickFunList[i]) | ||
| 116 | } | 125 | } |
| 126 | + previewLen.value = 0 | ||
| 117 | imageLoadedLen.value = 0 | 127 | imageLoadedLen.value = 0 |
| 118 | imageLoaded.value = false | 128 | imageLoaded.value = false |
| 129 | + clickFunList = [] | ||
| 119 | } | 130 | } |
| 120 | 131 | ||
| 121 | const addPreview = () => { | 132 | const addPreview = () => { |
| @@ -124,7 +135,7 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -124,7 +135,7 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 124 | 135 | ||
| 125 | // 监听客户端网络状况以及是否点过继续状态 0 无网络 1 wifi 2，3，4，5 无wifi状态 | 136 | // 监听客户端网络状况以及是否点过继续状态 0 无网络 1 wifi 2，3，4，5 无wifi状态 |
| 126 | watch([ () => netstutas.value, () => previewLen.value, () => loadlmageOnlyWifiSwitch.value ], ([ status, num, loadImage ]) => { | 137 | watch([ () => netstutas.value, () => previewLen.value, () => loadlmageOnlyWifiSwitch.value ], ([ status, num, loadImage ]) => { |
| 127 | - if (num === document.querySelectorAll('#newsContent img[data-src]').length) { | 138 | + if (num <= document.querySelectorAll('#newsContent img[data-src]').length && loadImage != '0' && status != -1) { |
| 128 | initImage(status, loadImage) | 139 | initImage(status, loadImage) |
| 129 | } | 140 | } |
| 130 | }, { deep: true }) | 141 | }, { deep: true }) |
| @@ -133,7 +144,7 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -133,7 +144,7 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 133 | const previewElList = document.querySelectorAll('#newsContent .preview-image-block') | 144 | const previewElList = document.querySelectorAll('#newsContent .preview-image-block') |
| 134 | const imageArraryEl = document.querySelectorAll('#newsContent .preview-image-block img.image-player') | 145 | const imageArraryEl = document.querySelectorAll('#newsContent .preview-image-block img.image-player') |
| 135 | for (let i = 0; i < previewElList.length; i++) { | 146 | for (let i = 0; i < previewElList.length; i++) { |
| 136 | - previewElList[i].addEventListener('click', () => { | 147 | + function clickFun() { |
| 137 | if (hasClass(previewElList[i], 'link-image')) { | 148 | if (hasClass(previewElList[i], 'link-image')) { |
| 138 | const peopleOrigin = [] | 149 | const peopleOrigin = [] |
| 139 | let url = previewElList[i].getAttribute('data-href') | 150 | let url = previewElList[i].getAttribute('data-href') |
| @@ -184,8 +195,6 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -184,8 +195,6 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 184 | } catch (e) { | 195 | } catch (e) { |
| 185 | console.log(e) | 196 | console.log(e) |
| 186 | } | 197 | } |
| 187 | - | ||
| 188 | - return | ||
| 189 | } | 198 | } |
| 190 | 199 | ||
| 191 | if ( | 200 | if ( |
| @@ -207,9 +216,11 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -207,9 +216,11 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 207 | return | 216 | return |
| 208 | } | 217 | } |
| 209 | 218 | ||
| 219 | + if (hasClass(previewElList[i], 'link-image')) { return } | ||
| 220 | + | ||
| 210 | let imageArrary = [] | 221 | let imageArrary = [] |
| 211 | for (let a = 0; a < imageArraryEl.length; a++) { | 222 | for (let a = 0; a < imageArraryEl.length; a++) { |
| 212 | - const src = imageArraryEl[a].getAttribute('src') | 223 | + const src = imageArraryEl[a].getAttribute('data-origin-src') || imageArraryEl[a].getAttribute('src') |
| 213 | const newSrc = src.split('?')[0] | 224 | const newSrc = src.split('?')[0] |
| 214 | const originRecord = details.value.photoList.find(el => el.picPath === newSrc) | 225 | const originRecord = details.value.photoList.find(el => el.picPath === newSrc) |
| 215 | const status = previewElList[a].getAttribute('status') | 226 | const status = previewElList[a].getAttribute('status') |
| @@ -241,7 +252,9 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -241,7 +252,9 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 241 | imgArr: deepCopy(imageArrary) | 252 | imgArr: deepCopy(imageArrary) |
| 242 | } | 253 | } |
| 243 | 254 | ||
| 244 | - console.log(params) | 255 | + if (window.config.VUE_BASE_NODE === 'dev') { |
| 256 | + console.log(params) | ||
| 257 | + } | ||
| 245 | 258 | ||
| 246 | sendNative( | 259 | sendNative( |
| 247 | 'jsCall_receiveH5Data', | 260 | 'jsCall_receiveH5Data', |
| @@ -254,7 +267,9 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | @@ -254,7 +267,9 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) { | ||
| 254 | } catch (e) { | 267 | } catch (e) { |
| 255 | } | 268 | } |
| 256 | } | 269 | } |
| 257 | - }) | 270 | + } |
| 271 | + previewElList[i].addEventListener('click', clickFun) | ||
| 272 | + clickFunList.push(clickFun) | ||
| 258 | } | 273 | } |
| 259 | } | 274 | } |
| 260 | 275 |
| 1 | -function useVideo(netstutas, networkSwitch) { | 1 | +function useVideo() { |
| 2 | /* 视频预览 */ | 2 | /* 视频预览 */ |
| 3 | const videoPreview = ref([]) | 3 | const videoPreview = ref([]) |
| 4 | /* 默认视频预览 */ | 4 | /* 默认视频预览 */ |
| @@ -37,36 +37,6 @@ function useVideo(netstutas, networkSwitch) { | @@ -37,36 +37,6 @@ function useVideo(netstutas, networkSwitch) { | ||
| 37 | }) | 37 | }) |
| 38 | } | 38 | } |
| 39 | 39 | ||
| 40 | - // 监听客户端网络状况以及是否点过继续状态 | ||
| 41 | - watch( | ||
| 42 | - [ () => networkSwitch.value, () => netstutas.value, () => enPlayerVideoLen.value ], | ||
| 43 | - ([ hasSwitch, status, videoLen ]) => { | ||
| 44 | - if (videoLen === 0) { | ||
| 45 | - return | ||
| 46 | - } | ||
| 47 | - if (status === 0) { | ||
| 48 | - // showAllErrorModal() | ||
| 49 | - return | ||
| 50 | - } | ||
| 51 | - if (hasSwitch == 2) { | ||
| 52 | - if (status === 1) { | ||
| 53 | - // 把所有错误、继续状态清空 | ||
| 54 | - // clearAllStatuModal() | ||
| 55 | - } else { | ||
| 56 | - // 把所以继续状态展示 | ||
| 57 | - // 若果点击当前播放器继续按钮，当前视频要播放、其他的要暂停 | ||
| 58 | - // showNetworkModal() | ||
| 59 | - } | ||
| 60 | - } else { | ||
| 61 | - // 把所有错误、继续状态清空 | ||
| 62 | - // clearAllStatuModal() | ||
| 63 | - } | ||
| 64 | - }, | ||
| 65 | - { | ||
| 66 | - deep: true | ||
| 67 | - } | ||
| 68 | - ) | ||
| 69 | - | ||
| 70 | // 初始换每个video标签，转化成 artplayer 播放器 | 40 | // 初始换每个video标签，转化成 artplayer 播放器 |
| 71 | const startVideo = () => { | 41 | const startVideo = () => { |
| 72 | const videoList = document.querySelectorAll('#newsContent .video-player') | 42 | const videoList = document.querySelectorAll('#newsContent .video-player') |
| @@ -85,12 +55,15 @@ function useVideo(netstutas, networkSwitch) { | @@ -85,12 +55,15 @@ function useVideo(netstutas, networkSwitch) { | ||
| 85 | ? 0 | 55 | ? 0 |
| 86 | : Number(width) / (Number(originWidth) / Number(originHeight)) : 0 | 56 | : Number(width) / (Number(originWidth) / Number(originHeight)) : 0 |
| 87 | 57 | ||
| 58 | + let styleHeight = height | ||
| 59 | + if (!styleHeight) styleHeight = Number(width) / (16 / 9) | ||
| 60 | + | ||
| 88 | const isGiveWidth = !!height | 61 | const isGiveWidth = !!height |
| 89 | 62 | ||
| 90 | - videoItem.setAttribute('data-height', `${height}px`) | ||
| 91 | - videoItem.style.height = `${height}px` | 63 | + videoItem.setAttribute('data-height', `${styleHeight}px`) |
| 64 | + videoItem.style.height = `${styleHeight}px` | ||
| 92 | videoItem.parentNode.style.width = `100%` | 65 | videoItem.parentNode.style.width = `100%` |
| 93 | - videoItem.parentNode.style.height = `${height}px` | 66 | + videoItem.parentNode.style.height = `${styleHeight}px` |
| 94 | 67 | ||
| 95 | videoLoadNum.value += 1 | 68 | videoLoadNum.value += 1 |
| 96 | 69 | ||
| @@ -122,20 +95,10 @@ function useVideo(netstutas, networkSwitch) { | @@ -122,20 +95,10 @@ function useVideo(netstutas, networkSwitch) { | ||
| 122 | changeContentHtmlHeight({ type: '视频' }) | 95 | changeContentHtmlHeight({ type: '视频' }) |
| 123 | }, | 96 | }, |
| 124 | play: () => { | 97 | play: () => { |
| 125 | - const _editor36 = document.querySelectorAll('.preview-audio-player') | ||
| 126 | - const coverAudioList = document.querySelectorAll('.preview-audio-player-cover') | ||
| 127 | - _editor36.forEach((item, _) => { | ||
| 128 | - const audioStylePlay = item.querySelector('.audio-play-icon') | ||
| 129 | - const audioStylePause = item.querySelector('.audio-pause-icon') | 98 | + console.log('video-play') |
| 99 | + const audioElList = document.querySelectorAll('.preview-audio-player, .preview-audio-player-cover') | ||
| 130 | 100 | ||
| 131 | - const item_audio = item.querySelector('[class^="audio-block"]') | ||
| 132 | - if (item_audio) { | ||
| 133 | - item_audio.pause() | ||
| 134 | - audioStylePause.style.display = 'none' | ||
| 135 | - audioStylePlay.style.display = 'block' | ||
| 136 | - } | ||
| 137 | - }) | ||
| 138 | - coverAudioList.forEach((item, _) => { | 101 | + audioElList.forEach((item, _) => { |
| 139 | const audioStylePlay = item.querySelector('.audio-play-icon') | 102 | const audioStylePlay = item.querySelector('.audio-play-icon') |
| 140 | const audioStylePause = item.querySelector('.audio-pause-icon') | 103 | const audioStylePause = item.querySelector('.audio-pause-icon') |
| 141 | 104 | ||
| @@ -149,7 +112,6 @@ function useVideo(netstutas, networkSwitch) { | @@ -149,7 +112,6 @@ function useVideo(netstutas, networkSwitch) { | ||
| 149 | }, | 112 | }, |
| 150 | pauseOhterDp: () => {}, | 113 | pauseOhterDp: () => {}, |
| 151 | continueNetwork: () => { | 114 | continueNetwork: () => { |
| 152 | - networkSwitch.value = 1 | ||
| 153 | } | 115 | } |
| 154 | } | 116 | } |
| 155 | 117 | ||
| @@ -187,8 +149,10 @@ function useVideo(netstutas, networkSwitch) { | @@ -187,8 +149,10 @@ function useVideo(netstutas, networkSwitch) { | ||
| 187 | // 销毁每个视频 artplayer 播放器 | 149 | // 销毁每个视频 artplayer 播放器 |
| 188 | const removeDpVideo = () => { | 150 | const removeDpVideo = () => { |
| 189 | defaultVideoPreview.value = defaultVideoPreview.value.map((el) => { | 151 | defaultVideoPreview.value = defaultVideoPreview.value.map((el) => { |
| 152 | + if (el.dp) { | ||
| 153 | + el.dp.pause() | ||
| 154 | + } | ||
| 190 | if (el.player) { | 155 | if (el.player) { |
| 191 | - el.player.pause() | ||
| 192 | el.player.destroy() | 156 | el.player.destroy() |
| 193 | } | 157 | } |
| 194 | el.dp = null | 158 | el.dp = null |
| @@ -196,6 +160,9 @@ function useVideo(netstutas, networkSwitch) { | @@ -196,6 +160,9 @@ function useVideo(netstutas, networkSwitch) { | ||
| 196 | return el | 160 | return el |
| 197 | }) | 161 | }) |
| 198 | 162 | ||
| 163 | + videoLoaded.value = false | ||
| 164 | + videoLoadNum.value = 0 | ||
| 165 | + enPlayerVideoLen.value = 0 | ||
| 199 | videoState.currentVideo = {} | 166 | videoState.currentVideo = {} |
| 200 | videoPreview.value = [] | 167 | videoPreview.value = [] |
| 201 | defaultVideoPreview.value = [] | 168 | defaultVideoPreview.value = [] |
| @@ -3,6 +3,8 @@ dayjs.extend(dayjs_plugin_relativeTime) | @@ -3,6 +3,8 @@ dayjs.extend(dayjs_plugin_relativeTime) | ||
| 3 | 3 | ||
| 4 | const { onMounted, onUnmounted, toRefs, nextTick, watchEffect, toRef } = Vue | 4 | const { onMounted, onUnmounted, toRefs, nextTick, watchEffect, toRef } = Vue |
| 5 | 5 | ||
| 6 | +// window.config.devApp = true | ||
| 7 | + | ||
| 6 | function compareTimeArray(obj1, obj2, key, sort) { | 8 | function compareTimeArray(obj1, obj2, key, sort) { |
| 7 | const val1 = obj1[key] | 9 | const val1 = obj1[key] |
| 8 | const val2 = obj2[key] | 10 | const val2 = obj2[key] |
| @@ -19,6 +21,7 @@ const app = Vue.createApp({ | @@ -19,6 +21,7 @@ const app = Vue.createApp({ | ||
| 19 | setup() { | 21 | setup() { |
| 20 | const baseNode = ref(window.config.VUE_BASE_NODE) | 22 | const baseNode = ref(window.config.VUE_BASE_NODE) |
| 21 | 23 | ||
| 24 | + const deviceType = ref(judgTerminal() === 1 ? 'ad' : 'ios') | ||
| 22 | const time = ref('') | 25 | const time = ref('') |
| 23 | const recordTime = ref() | 26 | const recordTime = ref() |
| 24 | const channelId = ref() | 27 | const channelId = ref() |
| @@ -30,12 +33,13 @@ const app = Vue.createApp({ | @@ -30,12 +33,13 @@ const app = Vue.createApp({ | ||
| 30 | 33 | ||
| 31 | const canSeeBtnOne = ref(true) | 34 | const canSeeBtnOne = ref(true) |
| 32 | const canSeeBtnTwo = ref(true) | 35 | const canSeeBtnTwo = ref(true) |
| 36 | + const hasReadCount = ref(true) | ||
| 33 | 37 | ||
| 34 | - const networkStatus = ref(4) // 0 无网络 1 wifi 2，3，4，5 无wifi状态 | 38 | + const networkStatus = ref(1) // 0 无网络 1 wifi 2，3，4，5 无wifi状态 |
| 35 | const networkSwitch = ref(2) // 1 允许 2 不允许 | 39 | const networkSwitch = ref(2) // 1 允许 2 不允许 |
| 36 | const browseCnt = ref('0') // 外部音频点击暂停次数 | 40 | const browseCnt = ref('0') // 外部音频点击暂停次数 |
| 37 | const audioState = ref(0) // 外部音频点击暂停次数 | 41 | const audioState = ref(0) // 外部音频点击暂停次数 |
| 38 | - const loadlmageOnlyWifiSwitch = ref('2') // 1 仅wifi加载图片 2 都可以加载图片 | 42 | + const loadlmageOnlyWifiSwitch = ref(window.config.VUE_BASE_NODE === 'dev' ? '2' : '0') // 1 仅wifi加载图片 2 都可以加载图片 |
| 39 | 43 | ||
| 40 | const showClook = ref(false) | 44 | const showClook = ref(false) |
| 41 | const optionList = ref([]) | 45 | const optionList = ref([]) |
| @@ -50,18 +54,20 @@ const app = Vue.createApp({ | @@ -50,18 +54,20 @@ const app = Vue.createApp({ | ||
| 50 | const isPageLeave = ref(false) | 54 | const isPageLeave = ref(false) |
| 51 | 55 | ||
| 52 | const hasInit = ref(false) | 56 | const hasInit = ref(false) |
| 53 | - const initDone = ref(false) | ||
| 54 | 57 | ||
| 55 | const shareOpen = ref(false) | 58 | const shareOpen = ref(false) |
| 56 | 59 | ||
| 60 | + const isOwer = ref(false) | ||
| 61 | + const isRmh = ref(null) | ||
| 62 | + const isNewspaper = ref(null) | ||
| 57 | const hasAppLoginExtra = ref(false) | 63 | const hasAppLoginExtra = ref(false) |
| 58 | 64 | ||
| 59 | const state = reactive({ | 65 | const state = reactive({ |
| 60 | //state中的数据都可以直接在标签中直接使用，没有在return前，要用state.属性名的方式才能访问到 | 66 | //state中的数据都可以直接在标签中直接使用，没有在return前，要用state.属性名的方式才能访问到 |
| 61 | //投票id | 67 | //投票id |
| 62 | voteId: null, | 68 | voteId: null, |
| 69 | + relId: null, | ||
| 63 | contentId: null, | 70 | contentId: null, |
| 64 | - firstObject: {}, | ||
| 65 | sourcePage: '2', | 71 | sourcePage: '2', |
| 66 | //模式 | 72 | //模式 |
| 67 | darkMode: 'light', | 73 | darkMode: 'light', |
| @@ -82,7 +88,7 @@ const app = Vue.createApp({ | @@ -82,7 +88,7 @@ const app = Vue.createApp({ | ||
| 82 | newLinkObject: {}, | 88 | newLinkObject: {}, |
| 83 | //投票信息 | 89 | //投票信息 |
| 84 | voteInfo: {}, | 90 | voteInfo: {}, |
| 85 | - endTimePoint: '', | 91 | + endTimePoint: false, |
| 86 | yes: {}, | 92 | yes: {}, |
| 87 | no: {}, | 93 | no: {}, |
| 88 | options: [], | 94 | options: [], |
| @@ -91,8 +97,10 @@ const app = Vue.createApp({ | @@ -91,8 +97,10 @@ const app = Vue.createApp({ | ||
| 91 | headLinkdata: '' | 97 | headLinkdata: '' |
| 92 | }, | 98 | }, |
| 93 | initClockStatus: false, | 99 | initClockStatus: false, |
| 94 | - shareNewPoster: false, | 100 | + shareNewPoster: true, |
| 95 | voteState: { | 101 | voteState: { |
| 102 | + // status: 1, | ||
| 103 | + // optionId: '7323', | ||
| 96 | status: 0, | 104 | status: 0, |
| 97 | optionId: 0 | 105 | optionId: 0 |
| 98 | }, | 106 | }, |
| @@ -100,7 +108,7 @@ const app = Vue.createApp({ | @@ -100,7 +108,7 @@ const app = Vue.createApp({ | ||
| 100 | curIndex: 0, | 108 | curIndex: 0, |
| 101 | bcIndex: 0, | 109 | bcIndex: 0, |
| 102 | Doing: false, | 110 | Doing: false, |
| 103 | - isLogined: 1, // 0 未登录 1 已登录 | 111 | + isLogined: 0, // 0 未登录 1 已登录 |
| 104 | isSub: false, | 112 | isSub: false, |
| 105 | isSubClose: false, | 113 | isSubClose: false, |
| 106 | seeEmailSub: false, | 114 | seeEmailSub: false, |
| @@ -138,82 +146,63 @@ const app = Vue.createApp({ | @@ -138,82 +146,63 @@ const app = Vue.createApp({ | ||
| 138 | } = useEditorContent( | 146 | } = useEditorContent( |
| 139 | toRef(state, 'details'), | 147 | toRef(state, 'details'), |
| 140 | networkStatus, | 148 | networkStatus, |
| 141 | - networkSwitch, | ||
| 142 | audioState, | 149 | audioState, |
| 143 | loadlmageOnlyWifiSwitch, | 150 | loadlmageOnlyWifiSwitch, |
| 144 | recordTime | 151 | recordTime |
| 145 | ) | 152 | ) |
| 146 | 153 | ||
| 147 | - console.log(`页面开始处理：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 148 | - .diff(dayjs(firstTime), 'millisecond')}`) | 154 | + // console.log(`页面开始处理：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() |
| 155 | + // .diff(dayjs(firstTime), 'millisecond')}`) | ||
| 149 | recordTime.value = dayjs() | 156 | recordTime.value = dayjs() |
| 150 | changeContentHtmlHeight({ str: '.skeleton-loading' }) | 157 | changeContentHtmlHeight({ str: '.skeleton-loading' }) |
| 158 | + console.info(document.querySelector('.skeleton-loading').getBoundingClientRect().height) | ||
| 159 | + | ||
| 160 | + const pageReloadChange = () => { | ||
| 161 | + if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 162 | + if (pageLoadOutTime || hasDetails) { | ||
| 163 | + return | ||
| 164 | + } | ||
| 151 | 165 | ||
| 152 | - const requestMockDev = (devApp, callBack) => { | ||
| 153 | - if (devApp) { | ||
| 154 | - callBack() | 166 | + firstTime = new Date() |
| 167 | + pageLoadOutTime = null | ||
| 168 | + hasDetails = false | ||
| 169 | + checkPageLoadingTimeOut() | ||
| 155 | } else { | 170 | } else { |
| 156 | - loadFile( | ||
| 157 | - document, | ||
| 158 | - { | ||
| 159 | - src: './js/mock/mock.min.js', | ||
| 160 | - tag: 'script', | ||
| 161 | - type: 'text/javascript', | ||
| 162 | - defer: 'defer' | ||
| 163 | - }, | ||
| 164 | - () => { | ||
| 165 | - loadFile( | ||
| 166 | - document, | ||
| 167 | - { | ||
| 168 | - src: './js/mock/index.js', | ||
| 169 | - tag: 'script', | ||
| 170 | - type: 'text/javascript', | ||
| 171 | - defer: 'defer' | ||
| 172 | - }, | ||
| 173 | - () => { | ||
| 174 | - callBack() | ||
| 175 | - } | ||
| 176 | - ) | 171 | + try { |
| 172 | + const objEvt = window.config.PAGERELOAD ? window.config.PAGERELOAD : '' | ||
| 173 | + const pageReloadInfo = typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt) | ||
| 174 | + if (pageReloadInfo && pageReloadInfo.event == '7') { // 复用重新进入 | ||
| 175 | + if (pageLoadOutTime || hasDetails) { | ||
| 176 | + return | ||
| 177 | + } | ||
| 178 | + | ||
| 179 | + firstTime = new Date() | ||
| 180 | + pageLoadOutTime = null | ||
| 181 | + hasDetails = false | ||
| 182 | + checkPageLoadingTimeOut() | ||
| 177 | } | 183 | } |
| 178 | - ) | 184 | + } catch (e) { |
| 185 | + | ||
| 186 | + } | ||
| 179 | } | 187 | } |
| 180 | } | 188 | } |
| 181 | 189 | ||
| 182 | const requestDev = (devApp) => { | 190 | const requestDev = (devApp) => { |
| 183 | - requestMockDev(devApp, () => { | ||
| 184 | - loadFile( | ||
| 185 | - document, | ||
| 186 | - { | ||
| 187 | - src: './js/plugin/axios.min.js', | ||
| 188 | - tag: 'script', | ||
| 189 | - type: 'text/javascript', | ||
| 190 | - defer: 'defer' | ||
| 191 | - }, | ||
| 192 | - () => { | ||
| 193 | - loadFile( | ||
| 194 | - document, | ||
| 195 | - { | ||
| 196 | - src: './js/utils/request.js', | ||
| 197 | - tag: 'script', | ||
| 198 | - type: 'text/javascript', | ||
| 199 | - defer: 'defer' | ||
| 200 | - }, | ||
| 201 | - () => { | ||
| 202 | - document.querySelector('#app').style.overflowY = 'auto' | ||
| 203 | - // state.darkMode = 'dark' | ||
| 204 | - // document.querySelector('html').setAttribute('dark-mode', true) | ||
| 205 | - state.environment = window.config.VUE_BASE_HEADER.environment | ||
| 206 | - channelId.value = 2038 | ||
| 207 | - state.contentId = 30001375140 | ||
| 208 | - clearInterval(time.value) | ||
| 209 | - setTimeout(() => { | ||
| 210 | - initData(devApp ? window.config.VUE_CONTENT_CONFIG : {}, state.contentId, devApp) | ||
| 211 | - }, devApp ? 10 : 0) | ||
| 212 | - } | ||
| 213 | - ) | ||
| 214 | - } | ||
| 215 | - ) | ||
| 216 | - }) | 191 | + time.value = setInterval(() => { |
| 192 | + if (window.config.initLoad) { | ||
| 193 | + document.querySelector('#app').style.overflowY = 'auto' | ||
| 194 | + // state.darkMode = 'dark' | ||
| 195 | + // document.querySelector('html').setAttribute('dark-mode', true) | ||
| 196 | + state.environment = window.config.VUE_BASE_HEADER.environment | ||
| 197 | + // channelId.value = 2038 | ||
| 198 | + // state.relId = 500004286237 | ||
| 199 | + state.contentId = 30044156985 | ||
| 200 | + clearInterval(time.value) | ||
| 201 | + setTimeout(() => { | ||
| 202 | + initData(devApp ? window.config.VUE_CONTENT_CONFIG : {}, state.contentId, devApp) | ||
| 203 | + }, devApp ? 10 : 0) | ||
| 204 | + } | ||
| 205 | + }, 10) | ||
| 217 | } | 206 | } |
| 218 | 207 | ||
| 219 | const requestApp = () => { | 208 | const requestApp = () => { |
| @@ -233,9 +222,9 @@ const app = Vue.createApp({ | @@ -233,9 +222,9 @@ const app = Vue.createApp({ | ||
| 233 | : JSON.parse(data.dataJson) | 222 | : JSON.parse(data.dataJson) |
| 234 | state.sourcePage = dataJson.sourcePage | 223 | state.sourcePage = dataJson.sourcePage |
| 235 | clearInterval(time.value) | 224 | clearInterval(time.value) |
| 236 | - console.log(`详情接口完成：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 237 | - .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 238 | - .diff(firstTime, 'millisecond')}`) | 225 | + // console.log(`详情接口完成：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() |
| 226 | + // .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 227 | + // .diff(firstTime, 'millisecond')}`) | ||
| 239 | recordTime.value = dayjs() | 228 | recordTime.value = dayjs() |
| 240 | changeContentHtmlHeight({ str: 'body', type: 'init' }) | 229 | changeContentHtmlHeight({ str: 'body', type: 'init' }) |
| 241 | 230 | ||
| @@ -263,28 +252,35 @@ const app = Vue.createApp({ | @@ -263,28 +252,35 @@ const app = Vue.createApp({ | ||
| 263 | state.userId = state.appHeader.userId | 252 | state.userId = state.appHeader.userId |
| 264 | // App服务协议 | 253 | // App服务协议 |
| 265 | state.agreementURL = state.appHeader.agreementURL | 254 | state.agreementURL = state.appHeader.agreementURL |
| 266 | - //0:无网 1:WiFi 2:2G 3:3G 4:4G 5:5G | ||
| 267 | - networkStatus.value = state.appHeader.networkStatus | 255 | + //0:无网 1:Wi-Fi 2:2G 3:3G 4:4G 5:5G |
| 256 | + // networkStatus.value = state.appHeader.networkStatus | ||
| 268 | //prod、sit、dev、uat | 257 | //prod、sit、dev、uat |
| 269 | state.environment = state.appHeader.environment | 258 | state.environment = state.appHeader.environment |
| 270 | }) | 259 | }) |
| 271 | } catch (e) { | 260 | } catch (e) { |
| 272 | 261 | ||
| 273 | } | 262 | } |
| 274 | - // 获取视频播放信息 | ||
| 275 | - getClickStatus(() => {}) | ||
| 276 | 263 | ||
| 277 | try { | 264 | try { |
| 278 | - console.log('详情初始数据', data) | 265 | + getClickStatus(() => {}) |
| 266 | + } catch (e) {} | ||
| 267 | + | ||
| 268 | + try { | ||
| 269 | + // console.log('详情初始数据', data) | ||
| 279 | if (data.dataExt) { | 270 | if (data.dataExt) { |
| 280 | hasAppLoginExtra.value = true | 271 | hasAppLoginExtra.value = true |
| 281 | 272 | ||
| 282 | const extraData = typeof data.dataExt === 'object' | 273 | const extraData = typeof data.dataExt === 'object' |
| 283 | ? data.dataExt | 274 | ? data.dataExt |
| 284 | : JSON.parse(data.dataExt) | 275 | : JSON.parse(data.dataExt) |
| 285 | - | ||
| 286 | - state.creatorID = extraData ? extraData.creatorld : '' | 276 | + state.cnsTraceId = extraData ? extraData.cnsTraceId : '' |
| 277 | + state.creatorID = extraData ? extraData.creatorId : '' | ||
| 287 | state.isLogined = extraData ? extraData.isLogin : '' | 278 | state.isLogined = extraData ? extraData.isLogin : '' |
| 279 | + //0:无网 1:WiFi 2:2G 3:3G 4:4G 5:5G | ||
| 280 | + networkStatus.value = extraData ? extraData.networkStatus || 1 : 1 | ||
| 281 | + loadlmageOnlyWifiSwitch.value = extraData && extraData.loadImageOnlyWifiSwitch | ||
| 282 | + ? extraData.loadImageOnlyWifiSwitch | ||
| 283 | + : '0' | ||
| 288 | } | 284 | } |
| 289 | } catch (e) { | 285 | } catch (e) { |
| 290 | } | 286 | } |
| @@ -296,7 +292,6 @@ const app = Vue.createApp({ | @@ -296,7 +292,6 @@ const app = Vue.createApp({ | ||
| 296 | ? initialRes | 292 | ? initialRes |
| 297 | : JSON.parse(initialRes) | 293 | : JSON.parse(initialRes) |
| 298 | initData(initialRes, dataJson.contentId) | 294 | initData(initialRes, dataJson.contentId) |
| 299 | - | ||
| 300 | } else { | 295 | } else { |
| 301 | errorResponse() | 296 | errorResponse() |
| 302 | errorBlock( | 297 | errorBlock( |
| @@ -317,74 +312,44 @@ const app = Vue.createApp({ | @@ -317,74 +312,44 @@ const app = Vue.createApp({ | ||
| 317 | } | 312 | } |
| 318 | 313 | ||
| 319 | if (window.config.VUE_BASE_NODE === 'dev') { | 314 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 320 | - document.addEventListener('DOMContentLoaded', function () { | ||
| 321 | - mountedFun(() => { | ||
| 322 | - if (!window.config.VUE_CONTENT_CONFIG && !window.config.devApp) { | ||
| 323 | - requestDev() | ||
| 324 | - } | ||
| 325 | - }) | 315 | + mountedFun(() => { |
| 316 | + if (!window.config.VUE_CONTENT_CONFIG && !window.config.devApp) { | ||
| 317 | + requestDev() | ||
| 318 | + } | ||
| 326 | }) | 319 | }) |
| 327 | } else { | 320 | } else { |
| 328 | mountedFun(() => {}) | 321 | mountedFun(() => {}) |
| 329 | } | 322 | } |
| 330 | 323 | ||
| 331 | const reload = () => { | 324 | const reload = () => { |
| 332 | - loadingBlock(true) | ||
| 333 | - appBlock(false) | 325 | + clearData() |
| 326 | + pageReloadChange() | ||
| 334 | 327 | ||
| 335 | if (window.config.VUE_BASE_NODE === 'dev') { | 328 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 336 | initData({}, state.contentId) | 329 | initData({}, state.contentId) |
| 337 | } else { | 330 | } else { |
| 338 | - sendNative( | ||
| 339 | - 'jsCall_callAppService', | ||
| 340 | - { | ||
| 341 | - method: 'POST', | ||
| 342 | - url: '/api/rmrb-bff-display-zh/content/zh/c/content/detail', | ||
| 343 | - parameters: { | ||
| 344 | - contents: [ | ||
| 345 | - { | ||
| 346 | - // 内容id | ||
| 347 | - contentId: id | 331 | + try { |
| 332 | + sendNative( | ||
| 333 | + 'jsCall_currentPageOperate', | ||
| 334 | + { | ||
| 335 | + operateType: '22' | ||
| 336 | + }, | ||
| 337 | + (res) => {} | ||
| 338 | + ) | ||
| 339 | + } catch (e) { | ||
| 348 | 340 | ||
| 349 | - } | ||
| 350 | - ] | ||
| 351 | - } | ||
| 352 | - }, | ||
| 353 | - (res) => { | ||
| 354 | - const response = typeof res === 'object' ? res : JSON.parse(res) | ||
| 355 | - const netError = response.netError | ||
| 356 | - if (netError == 0) { | ||
| 357 | - const responseMap = typeof response.responseMap === 'object' ? response.responseMap : JSON.parse( | ||
| 358 | - response.responseMap) | ||
| 359 | - initData(responseMap, state.contentId) | ||
| 360 | - } else { | ||
| 361 | - errorResponse() | ||
| 362 | - errorBlock( | ||
| 363 | - './image/no_net.svg', | ||
| 364 | - '网络出小差了，请检查网络后重试', | ||
| 365 | - true | ||
| 366 | - ) | ||
| 367 | - } | ||
| 368 | - } | ||
| 369 | - ) | 341 | + } |
| 370 | } | 342 | } |
| 371 | } | 343 | } |
| 372 | 344 | ||
| 373 | // 页面加载 内容详情数据 最外层方法 | 345 | // 页面加载 内容详情数据 最外层方法 |
| 374 | const initData = async (res, id, devApp) => { | 346 | const initData = async (res, id, devApp) => { |
| 347 | + console.log("initData:",res) | ||
| 375 | /**判断是否为本地开发环境，是的话初始化数据，不是的话通过app提供的方法，h5发送数据给app**/ | 348 | /**判断是否为本地开发环境，是的话初始化数据，不是的话通过app提供的方法，h5发送数据给app**/ |
| 376 | if (window.config.VUE_BASE_NODE === 'dev') { | 349 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 377 | - if (devApp) { | ||
| 378 | - const details = res.data.length > 0 ? res.data[0] : {} | ||
| 379 | - if (!!details.rmhInfo) { | ||
| 380 | - hasDetails = true | ||
| 381 | - } else { | ||
| 382 | - console.log(`浏览量数据开始请求：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 383 | - .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 384 | - .diff(dayjs(firstTime), 'millisecond')}`) | ||
| 385 | - recordTime.value = dayjs() | ||
| 386 | - browseCntChange(details) | ||
| 387 | - } | 350 | + if (devApp || window.config.devApp) { |
| 351 | + const details = res.data ? res.data.length > 0 ? res.data[0] : {} : {} | ||
| 352 | + hasDetails = true | ||
| 388 | handleArticle(details) | 353 | handleArticle(details) |
| 389 | 354 | ||
| 390 | return | 355 | return |
| @@ -395,6 +360,7 @@ const app = Vue.createApp({ | @@ -395,6 +360,7 @@ const app = Vue.createApp({ | ||
| 395 | methot: 'post', | 360 | methot: 'post', |
| 396 | appStatus: false, | 361 | appStatus: false, |
| 397 | // isMock: true, | 362 | // isMock: true, |
| 363 | + // mockTimeOut: 10, | ||
| 398 | //环境 | 364 | //环境 |
| 399 | environment: state.environment, | 365 | environment: state.environment, |
| 400 | //接口前缀 | 366 | //接口前缀 |
| @@ -404,29 +370,21 @@ const app = Vue.createApp({ | @@ -404,29 +370,21 @@ const app = Vue.createApp({ | ||
| 404 | contents: [ | 370 | contents: [ |
| 405 | { | 371 | { |
| 406 | //内容id | 372 | //内容id |
| 407 | - contentId: id | 373 | + contentId: id, |
| 374 | + relId: state.relId | ||
| 408 | } | 375 | } |
| 409 | ] | 376 | ] |
| 410 | }, | 377 | }, |
| 411 | //请求头信息 | 378 | //请求头信息 |
| 412 | headers: state.appHeader | 379 | headers: state.appHeader |
| 413 | }) | 380 | }) |
| 414 | - console.log(`详情接口完成：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 415 | - .diff(recordTime.value, 'millisecond')} - ${dayjs().diff(dayjs(firstTime), 'millisecond')}`) | 381 | + // console.log(`详情接口完成：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() |
| 382 | + // .diff(recordTime.value, 'millisecond')} - ${dayjs().diff(dayjs(firstTime), 'millisecond')}`) | ||
| 416 | recordTime.value = dayjs() | 383 | recordTime.value = dayjs() |
| 417 | if (response.success) { | 384 | if (response.success) { |
| 418 | - hasDetails = true | ||
| 419 | if (response.data) { | 385 | if (response.data) { |
| 420 | const details = response.data.length > 0 ? response.data[0] : {} | 386 | const details = response.data.length > 0 ? response.data[0] : {} |
| 421 | - if (!!details.rmhInfo) { | ||
| 422 | - hasDetails = true | ||
| 423 | - } else { | ||
| 424 | - console.log(`浏览量数据开始请求：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 425 | - .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 426 | - .diff(dayjs(firstTime), 'millisecond')}`) | ||
| 427 | - recordTime.value = dayjs() | ||
| 428 | - browseCntChange(details) | ||
| 429 | - } | 387 | + hasDetails = true |
| 430 | handleArticle(details) | 388 | handleArticle(details) |
| 431 | } else { | 389 | } else { |
| 432 | errorResponse() | 390 | errorResponse() |
| @@ -439,37 +397,26 @@ const app = Vue.createApp({ | @@ -439,37 +397,26 @@ const app = Vue.createApp({ | ||
| 439 | errorResponse() | 397 | errorResponse() |
| 440 | errorBlock( | 398 | errorBlock( |
| 441 | './image/content_fail.svg', | 399 | './image/content_fail.svg', |
| 442 | - '获取内容失败', | 400 | + '获取内容失败，请重试', |
| 443 | true | 401 | true |
| 444 | ) | 402 | ) |
| 445 | } | 403 | } |
| 446 | } else { | 404 | } else { |
| 447 | - // getRecommendData() | ||
| 448 | - /*else中的代码是执行在app环境下，res是app返回的initialRes（dataJson.responseMap */ | ||
| 449 | if ([ 200, '0' ].includes(res.code) > 0) { | 405 | if ([ 200, '0' ].includes(res.code) > 0) { |
| 450 | if (res.data) { | 406 | if (res.data) { |
| 451 | const details = res.data.length > 0 ? res.data[0] : {} | 407 | const details = res.data.length > 0 ? res.data[0] : {} |
| 452 | - if (!!details.rmhInfo) { | ||
| 453 | - hasDetails = true | ||
| 454 | - } else { | ||
| 455 | - console.log(`浏览量数据开始请求：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 456 | - .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 457 | - .diff(dayjs(firstTime), 'millisecond')}`) | ||
| 458 | - recordTime.value = dayjs() | ||
| 459 | - browseCntChange(details) | ||
| 460 | - } | ||
| 461 | - //由移动端获取的内容 | ||
| 462 | - state.firstObject = deepCopy(details) | 408 | + // const details = res.data || {} |
| 409 | + hasDetails = true | ||
| 463 | // 获取用户登录状态 | 410 | // 获取用户登录状态 |
| 464 | if (hasAppLoginExtra.value) { | 411 | if (hasAppLoginExtra.value) { |
| 465 | handleArticle(details) | 412 | handleArticle(details) |
| 466 | } else { | 413 | } else { |
| 467 | - const nowDate = dayjs() | ||
| 468 | - console.log('获取app登录状态开始：') | 414 | + // const nowDate = dayjs() |
| 415 | + // console.log('获取app登录状态开始：') | ||
| 469 | try { | 416 | try { |
| 470 | sendNative('jsCall_getAppLoginAuthInfo', {}, res => { | 417 | sendNative('jsCall_getAppLoginAuthInfo', {}, res => { |
| 471 | - console.log('获取app登录状态结束：', `${dayjs() | ||
| 472 | - .diff(nowDate, 'millisecond')}`) | 418 | + // console.log('获取app登录状态结束：', `${dayjs() |
| 419 | + // .diff(nowDate, 'millisecond')}`) | ||
| 473 | // 获取登录状态响应 | 420 | // 获取登录状态响应 |
| 474 | const loginStatusResponse = | 421 | const loginStatusResponse = |
| 475 | typeof res === 'object' ? res : JSON.parse(res) | 422 | typeof res === 'object' ? res : JSON.parse(res) |
| @@ -482,7 +429,6 @@ const app = Vue.createApp({ | @@ -482,7 +429,6 @@ const app = Vue.createApp({ | ||
| 482 | } | 429 | } |
| 483 | } else { | 430 | } else { |
| 484 | errorResponse() | 431 | errorResponse() |
| 485 | - // errorBlock('./image/error.svg', '内容获取失败') | ||
| 486 | errorBlock( | 432 | errorBlock( |
| 487 | './image/content_fail.svg', | 433 | './image/content_fail.svg', |
| 488 | '内容找不到了' | 434 | '内容找不到了' |
| @@ -490,10 +436,9 @@ const app = Vue.createApp({ | @@ -490,10 +436,9 @@ const app = Vue.createApp({ | ||
| 490 | } | 436 | } |
| 491 | } else { | 437 | } else { |
| 492 | errorResponse() | 438 | errorResponse() |
| 493 | - // errorBlock('./image/error.svg', '内容获取失败') | ||
| 494 | errorBlock( | 439 | errorBlock( |
| 495 | './image/content_fail.svg', | 440 | './image/content_fail.svg', |
| 496 | - '获取内容失败请重试', | 441 | + '获取内容失败，请重试', |
| 497 | true | 442 | true |
| 498 | ) | 443 | ) |
| 499 | } | 444 | } |
| @@ -501,104 +446,26 @@ const app = Vue.createApp({ | @@ -501,104 +446,26 @@ const app = Vue.createApp({ | ||
| 501 | } | 446 | } |
| 502 | 447 | ||
| 503 | // 浏览量获取 | 448 | // 浏览量获取 |
| 504 | - const browseCntChange = async (details) => { | ||
| 505 | - if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 506 | - const response = await axiosRequest({ | ||
| 507 | - url: '/contact/zh/c/content/interactData', | ||
| 508 | - methot: 'get', | ||
| 509 | - showError: false, | ||
| 510 | - appStatus: false, | ||
| 511 | - // isMock: true, | ||
| 512 | - //环境 | ||
| 513 | - environment: state.environment, | ||
| 514 | - //接口前缀 | ||
| 515 | - prefix: '/api/rmrb-contact', | ||
| 516 | - //给接口传的数据 | ||
| 517 | - params: { | ||
| 518 | - detail: 1, | ||
| 519 | - channelId: channelId.value, | ||
| 520 | - readFlag: details.readFlag, | ||
| 521 | - contentRelId: details.reLInfo ? details.reLInfo.relId : null, | ||
| 522 | - contentId: details.newsId, | ||
| 523 | - contentType: details.newsType, | ||
| 524 | - rmhPlatform: details.rmhPlatform | ||
| 525 | - }, | ||
| 526 | - //请求头信息 | ||
| 527 | - headers: state.appHeader | ||
| 528 | - }) | ||
| 529 | - hasDetails = true | ||
| 530 | - console.log(`浏览量数据结束：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 531 | - .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 532 | - .diff(dayjs(firstTime), 'millisecond')}`) | ||
| 533 | - recordTime.value = dayjs() | ||
| 534 | - if (response && response.success) { | ||
| 535 | - browseCnt.value = response.data ? `${handleNum(response.data.readNum)}` : '0' | 449 | + const browseCntChange = (details) => { |
| 450 | + if (details.viewCount) { | ||
| 451 | + browseCnt.value = details.viewCount ? `${handleNum(details.viewCount)}` : '0' | ||
| 452 | + if (browseCnt.value && ![ '0', 'undefined', 'null' ].includes(browseCnt.value)) { | ||
| 453 | + hasReadCount.value = true | ||
| 454 | + document.querySelector('.browseCntStr').innerHTML = `浏览量${browseCnt.value}` | ||
| 455 | + } else { | ||
| 456 | + hasReadCount.value = false | ||
| 536 | } | 457 | } |
| 537 | - initArticleContent(true) | ||
| 538 | } else { | 458 | } else { |
| 539 | - try { | ||
| 540 | - sendNative( | ||
| 541 | - 'jsCall_callAppService', | ||
| 542 | - { | ||
| 543 | - method: 'get', | ||
| 544 | - url: '/api/rmrb-contact/contact/zh/c/content/interactData', | ||
| 545 | - parameters: { | ||
| 546 | - detail: 1, | ||
| 547 | - channelId: channelId.value, | ||
| 548 | - readFlag: details.readFlag, | ||
| 549 | - contentRelId: details.reLInfo ? details.reLInfo.relId : null, | ||
| 550 | - contentId: details.newsId, | ||
| 551 | - contentType: details.newsType, | ||
| 552 | - rmhPlatform: details.rmhPlatform | ||
| 553 | - } | ||
| 554 | - }, | ||
| 555 | - res => { | ||
| 556 | - hasDetails = true | ||
| 557 | - console.log(`浏览量数据结束：${dayjs().format('HH:mm:ss:SSS')} - ${dayjs() | ||
| 558 | - .diff(recordTime.value, 'millisecond')} - ${dayjs() | ||
| 559 | - .diff(dayjs(firstTime), 'millisecond')}`) | ||
| 560 | - recordTime.value = dayjs() | ||
| 561 | - const response = typeof res === 'object' ? res : JSON.parse(res) | ||
| 562 | - const netError = response.netError | ||
| 563 | - const responseMap = | ||
| 564 | - typeof response.responseMap === 'object' | ||
| 565 | - ? response.responseMap | ||
| 566 | - : JSON.parse(response.responseMap) | ||
| 567 | - if (netError == 0) { | ||
| 568 | - try { | ||
| 569 | - const code = responseMap.code | ||
| 570 | - const data = responseMap.data | ||
| 571 | - if ([ 200, '0' ].includes(code) && data) { | ||
| 572 | - browseCnt.value = data ? `${handleNum(data.readNum)}` : '0' | ||
| 573 | - } | ||
| 574 | - initArticleContent(true) | ||
| 575 | - } catch (e) { | ||
| 576 | - initArticleContent(true) | ||
| 577 | - } | ||
| 578 | - } else { | ||
| 579 | - initArticleContent(true) | ||
| 580 | - } | ||
| 581 | - } | ||
| 582 | - ) | ||
| 583 | - } catch (e) { | ||
| 584 | - console.log(e) | ||
| 585 | - } | ||
| 586 | - // try { | ||
| 587 | - // const objEvt = document.querySelector('#browseCnt-change').getAttribute('data-info') || '' | ||
| 588 | - // if (objEvt) { | ||
| 589 | - // const lastObjEvtBrowse = typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt) | ||
| 590 | - // if (lastObjEvtBrowse && lastObjEvtBrowse.event == '6') { // 更新浏览量数据 | ||
| 591 | - // browseCnt.value = lastObjEvtBrowse.browseCount | ||
| 592 | - // if (browseCnt.value && browseCnt.value != '0') { | ||
| 593 | - // document.querySelector('.browseCntStr').innerHTML = `浏览量${browseCnt.value}` | ||
| 594 | - // initArticleContent(true) | ||
| 595 | - // } else { | ||
| 596 | - // initArticleContent(true) | ||
| 597 | - // } | ||
| 598 | - // } | ||
| 599 | - // } | ||
| 600 | - // } catch (e) {} | 459 | + hasReadCount.value = false |
| 601 | } | 460 | } |
| 461 | + nextTick(() => { | ||
| 462 | + if ( | ||
| 463 | + document.querySelector('.skeleton-loading').classList.contains('active') && | ||
| 464 | + !document.querySelector('#app').classList.contains('fixed') | ||
| 465 | + ) { | ||
| 466 | + changeContentHtmlHeight() | ||
| 467 | + } | ||
| 468 | + }) | ||
| 602 | } | 469 | } |
| 603 | 470 | ||
| 604 | //details是接口content/zh/c/content/detail接口返回的数据 | 471 | //details是接口content/zh/c/content/detail接口返回的数据 |
| @@ -607,19 +474,21 @@ const app = Vue.createApp({ | @@ -607,19 +474,21 @@ const app = Vue.createApp({ | ||
| 607 | errorResponse() | 474 | errorResponse() |
| 608 | errorBlock( | 475 | errorBlock( |
| 609 | './image/content_fail.svg', | 476 | './image/content_fail.svg', |
| 610 | - '获取内容失败' | 477 | + '获取内容失败，请重试' |
| 611 | ) | 478 | ) |
| 612 | return | 479 | return |
| 613 | } | 480 | } |
| 481 | + isRmh.value = !!details.rmhInfo | ||
| 482 | + isNewspaper.value = details.isNewspaper | ||
| 483 | + if (!details.rmhInfo) { | ||
| 484 | + browseCntChange(details) | ||
| 485 | + } | ||
| 614 | state.showShare = true | 486 | state.showShare = true |
| 615 | state.details = deepCopy(details) | 487 | state.details = deepCopy(details) |
| 616 | state.originDataSource = deepCopy(details) | 488 | state.originDataSource = deepCopy(details) |
| 617 | if (window.config.VUE_BASE_NODE === 'dev') { | 489 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 618 | initApp(details) | 490 | initApp(details) |
| 619 | } else { | 491 | } else { |
| 620 | - if (window.config.VUE_BASE_NODE === 'pro') { | ||
| 621 | - console.log(details) | ||
| 622 | - } | ||
| 623 | initApp(details) | 492 | initApp(details) |
| 624 | try { | 493 | try { |
| 625 | // H5传递数据至App | 494 | // H5传递数据至App |
| @@ -731,23 +600,42 @@ const app = Vue.createApp({ | @@ -731,23 +600,42 @@ const app = Vue.createApp({ | ||
| 731 | if (data.authorList && data.authorList.length > 0) { | 600 | if (data.authorList && data.authorList.length > 0) { |
| 732 | //authorList：图文【撰稿人，对应p端创建人名称；人民号内容为空】 | 601 | //authorList：图文【撰稿人，对应p端创建人名称；人民号内容为空】 |
| 733 | const authorList = deepCopy(data.authorList).filter(item => item.authorName) || [] | 602 | const authorList = deepCopy(data.authorList).filter(item => item.authorName) || [] |
| 734 | - state.details.author = authorList.map(el => el.authorName) | ||
| 735 | - state.details.webAuthorList = authorList.map(el => el.authorName).join() | 603 | + state.details.author = [] |
| 604 | + authorList.forEach(el => { | ||
| 605 | + if (el.authorName) { | ||
| 606 | + const modifiedString = el.authorName.replace(/\s+/g, ',') | ||
| 607 | + const authorNameList = modifiedString.split(',') | ||
| 608 | + if (authorNameList.length > 1) { | ||
| 609 | + authorNameList.forEach(name => state.details.author.push(name)) | ||
| 610 | + } else { | ||
| 611 | + state.details.author.push(el.authorName) | ||
| 612 | + } | ||
| 613 | + } | ||
| 614 | + }) | ||
| 736 | } | 615 | } |
| 737 | 616 | ||
| 738 | if (data.newLinkObject && data.newLinkObject.newsTitle) { | 617 | if (data.newLinkObject && data.newLinkObject.newsTitle) { |
| 618 | + // state.details.newLinkObject.newsTitle = data.newLinkObject.newsTitle.replace(/ /g, ' ') | ||
| 619 | + // state.details.newLinkObject.newsTitle = data.newLinkObject.newsTitle.replace(/—/g, '<span class="global-line"></span>') | ||
| 739 | hasHeadLink.value = true | 620 | hasHeadLink.value = true |
| 740 | } | 621 | } |
| 741 | 622 | ||
| 742 | - if (!!state.details.newsShortTitle) { | ||
| 743 | - document.querySelector('.short-title').style.display = 'block' | ||
| 744 | - document.querySelector('.short-title').innerHTML = state.details.newsShortTitle | 623 | + if (data.newsShortTitle) { |
| 624 | + // state.details.newsShortTitle = data.newsShortTitle.replace(/ /g, ' ') | ||
| 625 | + // state.details.newsShortTitle = data.newsShortTitle.replace(/—/g, '<span class="global-line"></span>') | ||
| 626 | + } | ||
| 627 | + if (data.newsTitle) { | ||
| 628 | + // state.details.newsTitle = data.newsTitle.replace(/ /g, ' ') | ||
| 629 | + // state.details.newsTitle = data.newsTitle.replace(/—/g, '<span class="global-line"></span>') | ||
| 630 | + } | ||
| 631 | + if (data.newsDownTitle) { | ||
| 632 | + // state.details.newsDownTitle = data.newsDownTitle.replace(/—/g, '—') | ||
| 633 | + // state.details.newsDownTitle = data.newsDownTitle.replace(/—/g, '<span class="global-line"></span>') | ||
| 634 | + } | ||
| 635 | + if (data.newIntroduction) { | ||
| 636 | + // state.details.newIntroduction = data.newIntroduction.replace(/—/g, '—') | ||
| 637 | + // state.details.newIntroduction = data.newIntroduction.replace(/—/g, '<span class="global-line"></span>') | ||
| 745 | } | 638 | } |
| 746 | - // state.details.newsShortTitle = removeHtmlStr(state.details.newsShortTitle) | ||
| 747 | - // state.details.newsTitle = removeHtmlStr(state.details.newsTitle) | ||
| 748 | - // state.details.newsDownTitle = removeHtmlStr(state.details.newsDownTitle) | ||
| 749 | - // state.details.browseCnt = handleNum(state.details.browseCnt || 10000) | ||
| 750 | - // state.details.browseCnt = handleNum(state.details.browseCnt) | ||
| 751 | 639 | ||
| 752 | // 首次发布时间:publishTime | 640 | // 首次发布时间:publishTime |
| 753 | state.details.publishTime = data.publishTime | 641 | state.details.publishTime = data.publishTime |
| @@ -768,34 +656,10 @@ const app = Vue.createApp({ | @@ -768,34 +656,10 @@ const app = Vue.createApp({ | ||
| 768 | shareOpen.value = state.details.shareInfo ? state.details.shareInfo.shareOpen == 1 : false | 656 | shareOpen.value = state.details.shareInfo ? state.details.shareInfo.shareOpen == 1 : false |
| 769 | 657 | ||
| 770 | hasInit.value = true | 658 | hasInit.value = true |
| 771 | - // initArticleContent(true) | ||
| 772 | - if (state.details.rmhInfo) { | ||
| 773 | - initArticleContent(true) | ||
| 774 | - } else { | ||
| 775 | - initArticleContent() | ||
| 776 | - } | 659 | + initEditorStr(isNewspaper.value) |
| 777 | }) | 660 | }) |
| 778 | } | 661 | } |
| 779 | 662 | ||
| 780 | - const initArticleContent = (hasRead) => { | ||
| 781 | - if (hasInit.value && hasRead) { | ||
| 782 | - | ||
| 783 | - if (initDone.value) { | ||
| 784 | - // if (hasRead) { | ||
| 785 | - // nextTick(() => { | ||
| 786 | - // if (document.querySelector('.skeleton-loading').classList.contains('active')) { | ||
| 787 | - // changeContentHtmlHeight({ type: '浏览量' }) | ||
| 788 | - // } | ||
| 789 | - // }) | ||
| 790 | - // } | ||
| 791 | - return | ||
| 792 | - } | ||
| 793 | - | ||
| 794 | - initDone.value = true | ||
| 795 | - initEditorStr() | ||
| 796 | - } | ||
| 797 | - } | ||
| 798 | - | ||
| 799 | // 页面加载，取客户端记录是否点击了继续播放按钮的状态值 | 663 | // 页面加载，取客户端记录是否点击了继续播放按钮的状态值 |
| 800 | const getClickStatus = (callback) => { | 664 | const getClickStatus = (callback) => { |
| 801 | if (window.config.VUE_BASE_NODE === 'dev') { | 665 | if (window.config.VUE_BASE_NODE === 'dev') { |
| @@ -815,7 +679,7 @@ const app = Vue.createApp({ | @@ -815,7 +679,7 @@ const app = Vue.createApp({ | ||
| 815 | typeof objNvtSwt === 'object' | 679 | typeof objNvtSwt === 'object' |
| 816 | ? objNvtSwt | 680 | ? objNvtSwt |
| 817 | : JSON.parse(objNvtSwt) | 681 | : JSON.parse(objNvtSwt) |
| 818 | - loadlmageOnlyWifiSwitch.value = lastObjNvtSwt.loadImageOnlyWifiSwitch | 682 | + // loadlmageOnlyWifiSwitch.value = lastObjNvtSwt.loadImageOnlyWifiSwitch |
| 819 | state.shareNewPoster = lastObjNvtSwt.sharePosterShowNew == '1' | 683 | state.shareNewPoster = lastObjNvtSwt.sharePosterShowNew == '1' |
| 820 | networkSwitch.value = | 684 | networkSwitch.value = |
| 821 | lastObjNvtSwt.playVideoOnCellularNetworkSwitch // 蜂窝数据播放 1 允许 2 不允许 | 685 | lastObjNvtSwt.playVideoOnCellularNetworkSwitch // 蜂窝数据播放 1 允许 2 不允许 |
| @@ -831,6 +695,12 @@ const app = Vue.createApp({ | @@ -831,6 +695,12 @@ const app = Vue.createApp({ | ||
| 831 | const skipCustomerNumberPage = () => { | 695 | const skipCustomerNumberPage = () => { |
| 832 | if (window.config.VUE_BASE_NODE === 'dev') { | 696 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 833 | } else { | 697 | } else { |
| 698 | + if (state.details.rmhInfo.banControl == 1) { | ||
| 699 | + // 该账号已封禁，不予访问 | ||
| 700 | + toast('该账号已封禁，不予访问') | ||
| 701 | + return | ||
| 702 | + } | ||
| 703 | + | ||
| 834 | window.config.VUE_APP_LOGIN = '' | 704 | window.config.VUE_APP_LOGIN = '' |
| 835 | try { | 705 | try { |
| 836 | isPageLeave.value = true | 706 | isPageLeave.value = true |
| @@ -912,13 +782,13 @@ const app = Vue.createApp({ | @@ -912,13 +782,13 @@ const app = Vue.createApp({ | ||
| 912 | } | 782 | } |
| 913 | } | 783 | } |
| 914 | 784 | ||
| 915 | - const changeNoticeStatus = () => { | 785 | + const changeMediaPlayStatus = () => { |
| 916 | if (window.config.VUE_BASE_NODE === 'dev') { | 786 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 917 | } else { | 787 | } else { |
| 918 | try { | 788 | try { |
| 919 | - const objEvt = window.config.VUE_APP_LOGIN ? window.config.VUE_APP_LOGIN : '' | ||
| 920 | - const lastObjEvtNotice = typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt) | ||
| 921 | - if (lastObjEvtNotice && lastObjEvtNotice.event == '5') { // 音频播放 | 789 | + const objEvt = window.config.MEDIAPLAY ? window.config.MEDIAPLAY : '' |
| 790 | + const mediaPlayInfo = typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt) | ||
| 791 | + if (mediaPlayInfo && mediaPlayInfo.event == '5') { // 音频播放 | ||
| 922 | audioState.value += 1 | 792 | audioState.value += 1 |
| 923 | } | 793 | } |
| 924 | } catch (e) { } | 794 | } catch (e) { } |
| @@ -984,8 +854,8 @@ const app = Vue.createApp({ | @@ -984,8 +854,8 @@ const app = Vue.createApp({ | ||
| 984 | } | 854 | } |
| 985 | 855 | ||
| 986 | // 监听从登录页面回来，拿到移动端给的状态值，并做投票状态的刷新 | 856 | // 监听从登录页面回来，拿到移动端给的状态值，并做投票状态的刷新 |
| 987 | - const checkAppLoginStatu = (type) => { | ||
| 988 | - wheelFun(state.voteId, state.details.newsId, type) | 857 | + const checkAppLoginStatu = (type, index) => { |
| 858 | + wheelFun(state.voteId, state.details.newsId, type, index) | ||
| 989 | } | 859 | } |
| 990 | 860 | ||
| 991 | const queryPageLeaveStatus = () => { | 861 | const queryPageLeaveStatus = () => { |
| @@ -994,6 +864,9 @@ const app = Vue.createApp({ | @@ -994,6 +864,9 @@ const app = Vue.createApp({ | ||
| 994 | : '' | 864 | : '' |
| 995 | let lastObjEvt = | 865 | let lastObjEvt = |
| 996 | typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt) | 866 | typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt) |
| 867 | + if (lastObjEvt && lastObjEvt.event == '1') { | ||
| 868 | + // changeContentHtmlHeight({ report: true }) | ||
| 869 | + } | ||
| 997 | if (lastObjEvt && lastObjEvt.event == '1' && !loginTime.value && isPageLeave.value) { | 870 | if (lastObjEvt && lastObjEvt.event == '1' && !loginTime.value && isPageLeave.value) { |
| 998 | isPageLeave.value = false | 871 | isPageLeave.value = false |
| 999 | setTimeout(() => { | 872 | setTimeout(() => { |
| @@ -1002,7 +875,7 @@ const app = Vue.createApp({ | @@ -1002,7 +875,7 @@ const app = Vue.createApp({ | ||
| 1002 | } | 875 | } |
| 1003 | } | 876 | } |
| 1004 | 877 | ||
| 1005 | - const wheelFun = (vid, nid, type) => { | 878 | + const wheelFun = (vid, nid, type, index) => { |
| 1006 | // 回调函数的形式 做轮巡 | 879 | // 回调函数的形式 做轮巡 |
| 1007 | loginTime.value = setInterval(() => { | 880 | loginTime.value = setInterval(() => { |
| 1008 | try { | 881 | try { |
| @@ -1012,21 +885,56 @@ const app = Vue.createApp({ | @@ -1012,21 +885,56 @@ const app = Vue.createApp({ | ||
| 1012 | let lastObjEvt = | 885 | let lastObjEvt = |
| 1013 | typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt) | 886 | typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt) |
| 1014 | if (lastObjEvt && lastObjEvt.event == '1') { | 887 | if (lastObjEvt && lastObjEvt.event == '1') { |
| 1015 | - getUserLoginStatus(loginId => { | 888 | + |
| 889 | + if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 1016 | clearInterval(loginTime.value) | 890 | clearInterval(loginTime.value) |
| 1017 | loginTime.value = null | 891 | loginTime.value = null |
| 1018 | - if (loginId == 1) { | ||
| 1019 | - // 由登录页面进到了主页面 | ||
| 1020 | - if (type === 'vote') { | ||
| 1021 | - refreshVotes(nid, 0) | ||
| 1022 | - voteStatus(vid) | ||
| 1023 | - } else if (type === 'follow') { | ||
| 1024 | - clookStatus() // 调关注状态查询，更新按钮上的文字 | ||
| 1025 | - } | ||
| 1026 | - } else { | ||
| 1027 | - clookBtnActive.value = false | 892 | + |
| 893 | + if (type === 'vote') { | ||
| 894 | + state.isLogined = 1 | ||
| 895 | + refreshVotes(nid, 0 ,() => { | ||
| 896 | + voteStatus(vid, index, () => { | ||
| 897 | + setTimeout(() => { | ||
| 898 | + handleVoteList() | ||
| 899 | + nextTick(() => { | ||
| 900 | + if (document.querySelector('.skeleton-loading').classList.contains('active')) { | ||
| 901 | + changeContentHtmlHeight() | ||
| 902 | + } | ||
| 903 | + }) | ||
| 904 | + }, 50) | ||
| 905 | + }) | ||
| 906 | + }) | ||
| 907 | + } else if (type === 'follow') { | ||
| 908 | + clookStatus() // 调关注状态查询，更新按钮上的文字 | ||
| 1028 | } | 909 | } |
| 1029 | - }) | 910 | + } else { |
| 911 | + getUserLoginStatus(loginId => { | ||
| 912 | + clearInterval(loginTime.value) | ||
| 913 | + loginTime.value = null | ||
| 914 | + if (loginId == 1) { | ||
| 915 | + // 由登录页面进到了主页面 | ||
| 916 | + if (type === 'vote') { | ||
| 917 | + refreshVotes(nid, 0, () => { | ||
| 918 | + voteStatus(vid, index, () => { | ||
| 919 | + setTimeout(() => { | ||
| 920 | + handleVoteList() | ||
| 921 | + nextTick(() => { | ||
| 922 | + if (document.querySelector('.skeleton-loading').classList.contains('active')) { | ||
| 923 | + changeContentHtmlHeight() | ||
| 924 | + } | ||
| 925 | + }) | ||
| 926 | + }, 50) | ||
| 927 | + }) | ||
| 928 | + }) | ||
| 929 | + } else if (type === 'follow') { | ||
| 930 | + clookStatus() // 调关注状态查询，更新按钮上的文字 | ||
| 931 | + } | ||
| 932 | + } else { | ||
| 933 | + clookBtnActive.value = false | ||
| 934 | + clookCancelBtnActive.value = false | ||
| 935 | + } | ||
| 936 | + }) | ||
| 937 | + } | ||
| 1030 | } | 938 | } |
| 1031 | } catch (e) { } | 939 | } catch (e) { } |
| 1032 | }, 20) | 940 | }, 20) |
| @@ -1052,13 +960,15 @@ const app = Vue.createApp({ | @@ -1052,13 +960,15 @@ const app = Vue.createApp({ | ||
| 1052 | const goVote = (voteId, optionId, index) => { | 960 | const goVote = (voteId, optionId, index) => { |
| 1053 | if (!state.details.endTimePoint) { | 961 | if (!state.details.endTimePoint) { |
| 1054 | if (window.config.VUE_BASE_NODE === 'dev') { | 962 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 1055 | - console.log('投票已过期') | ||
| 1056 | } | 963 | } |
| 1057 | toast('投票已过期') | 964 | toast('投票已过期') |
| 1058 | return | 965 | return |
| 1059 | } | 966 | } |
| 1060 | 967 | ||
| 968 | + window.config.VUE_APP_LOGIN = '' // 由于页面加载就会给 '1' ,所以点投票先清空，否则会影响后面的轮巡判断 | ||
| 969 | + | ||
| 1061 | if (window.config.VUE_BASE_NODE === 'dev') { | 970 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 971 | + const optionInfo = optionList.value.find(item => item.optionId == optionId) | ||
| 1062 | normalClickTypePoint({ | 972 | normalClickTypePoint({ |
| 1063 | channelId: channelId.value, | 973 | channelId: channelId.value, |
| 1064 | newsType: state.details.newsType, | 974 | newsType: state.details.newsType, |
| @@ -1067,23 +977,24 @@ const app = Vue.createApp({ | @@ -1067,23 +977,24 @@ const app = Vue.createApp({ | ||
| 1067 | sceneId: state.details.sceneId, | 977 | sceneId: state.details.sceneId, |
| 1068 | itemId: state.details.itemId, | 978 | itemId: state.details.itemId, |
| 1069 | subSceneId: state.details.subSceneId, | 979 | subSceneId: state.details.subSceneId, |
| 980 | + voteOption: `${optionId}`, | ||
| 981 | + voteContent: optionInfo ? optionInfo.summary : '', | ||
| 982 | + cnsTraceId: state.cnsTraceId, | ||
| 983 | + isNewspaper: isNewspaper.value, | ||
| 1070 | duration: dayjs().diff(statrTime.value, 'second') | 984 | duration: dayjs().diff(statrTime.value, 'second') |
| 1071 | }) | 985 | }) |
| 1072 | 986 | ||
| 1073 | - state.voteState.status = 1 | ||
| 1074 | - handleVoteList() | ||
| 1075 | - return | ||
| 1076 | - } | ||
| 1077 | - | ||
| 1078 | - window.config.VUE_APP_LOGIN = '' // 由于页面加载就会给 '1' ,所以点投票先清空，否则会影响后面的轮巡判断 | ||
| 1079 | - getUserLoginStatus(loginId => { | ||
| 1080 | - if (loginId == 0) { | ||
| 1081 | - // 1 已登录 0 未登录 | ||
| 1082 | - state.voteId = voteId | ||
| 1083 | - setAppLogin() | ||
| 1084 | - checkAppLoginStatu('vote') | ||
| 1085 | - return | ||
| 1086 | - } else { | 987 | + // 模拟去登录 |
| 988 | + state.voteId = voteId | ||
| 989 | + setTimeout(() => { | ||
| 990 | + const event = { | ||
| 991 | + event: '1' | ||
| 992 | + } | ||
| 993 | + window.config.VUE_APP_LOGIN = JSON.stringify(event) | ||
| 994 | + }, 100) | ||
| 995 | + checkAppLoginStatu('vote', index) | ||
| 996 | + } else { | ||
| 997 | + if (state.isLogined == 1) { | ||
| 1087 | // 已登录 直接去投票 | 998 | // 已登录 直接去投票 |
| 1088 | if (state.Doing) { | 999 | if (state.Doing) { |
| 1089 | return | 1000 | return |
| @@ -1091,29 +1002,17 @@ const app = Vue.createApp({ | @@ -1091,29 +1002,17 @@ const app = Vue.createApp({ | ||
| 1091 | state.Doing = true | 1002 | state.Doing = true |
| 1092 | setVote(voteId, optionId, index) | 1003 | setVote(voteId, optionId, index) |
| 1093 | } | 1004 | } |
| 1005 | + } else { | ||
| 1006 | + state.voteId = voteId | ||
| 1007 | + setAppLogin() | ||
| 1008 | + checkAppLoginStatu('vote') | ||
| 1094 | } | 1009 | } |
| 1095 | - }) | 1010 | + } |
| 1096 | } | 1011 | } |
| 1012 | + | ||
| 1097 | // 用户投票 | 1013 | // 用户投票 |
| 1098 | const setVote = async (vID, oID, index) => { | 1014 | const setVote = async (vID, oID, index) => { |
| 1099 | - if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 1100 | - const response = await axiosRequest({ | ||
| 1101 | - url: '/contact/zh/c/vote/submit', | ||
| 1102 | - methot: 'post', | ||
| 1103 | - appStatus: false, | ||
| 1104 | - environment: state.environment, | ||
| 1105 | - prefix: '/api/rmrb-contact', | ||
| 1106 | - data: { voteId: `${vID}`, optionId: oID }, | ||
| 1107 | - headers: state.appHeader, | ||
| 1108 | - showError: false | ||
| 1109 | - }) | ||
| 1110 | - if (response.success) { | ||
| 1111 | - // 刷新投票状态 | ||
| 1112 | - voteStatus(state.details.voteInfo.voteId, index) | ||
| 1113 | - refreshVotes({}, 30000609928) | ||
| 1114 | - state.Doing = false | ||
| 1115 | - } | ||
| 1116 | - } else { | 1015 | + if (window.config.VUE_BASE_NODE === 'dev') {} else { |
| 1117 | try { | 1016 | try { |
| 1118 | sendNative( | 1017 | sendNative( |
| 1119 | 'jsCall_callAppService', | 1018 | 'jsCall_callAppService', |
| @@ -1135,6 +1034,7 @@ const app = Vue.createApp({ | @@ -1135,6 +1034,7 @@ const app = Vue.createApp({ | ||
| 1135 | const code = vtSubmitResponseMap.code | 1034 | const code = vtSubmitResponseMap.code |
| 1136 | const newId = state.details.newsId | 1035 | const newId = state.details.newsId |
| 1137 | if ([ 200, '0' ].includes(code)) { | 1036 | if ([ 200, '0' ].includes(code)) { |
| 1037 | + const optionInfo = optionList.value.find(item => item.optionId == oID) | ||
| 1138 | normalClickTypePoint({ | 1038 | normalClickTypePoint({ |
| 1139 | channelId: channelId.value, | 1039 | channelId: channelId.value, |
| 1140 | newsType: state.details.newsType, | 1040 | newsType: state.details.newsType, |
| @@ -1143,6 +1043,10 @@ const app = Vue.createApp({ | @@ -1143,6 +1043,10 @@ const app = Vue.createApp({ | ||
| 1143 | sceneId: state.details.sceneId, | 1043 | sceneId: state.details.sceneId, |
| 1144 | itemId: state.details.itemId, | 1044 | itemId: state.details.itemId, |
| 1145 | subSceneId: state.details.subSceneId, | 1045 | subSceneId: state.details.subSceneId, |
| 1046 | + voteOption: `${oID}`, | ||
| 1047 | + voteContent: optionInfo ? optionInfo.summary : '', | ||
| 1048 | + cnsTraceId: state.cnsTraceId, | ||
| 1049 | + isNewspaper: isNewspaper.value, | ||
| 1146 | duration: dayjs().diff(statrTime.value, 'second') | 1050 | duration: dayjs().diff(statrTime.value, 'second') |
| 1147 | }) | 1051 | }) |
| 1148 | toast('投票成功') | 1052 | toast('投票成功') |
| @@ -1156,7 +1060,7 @@ const app = Vue.createApp({ | @@ -1156,7 +1060,7 @@ const app = Vue.createApp({ | ||
| 1156 | changeContentHtmlHeight() | 1060 | changeContentHtmlHeight() |
| 1157 | } | 1061 | } |
| 1158 | }) | 1062 | }) |
| 1159 | - }, 100) | 1063 | + }, 50) |
| 1160 | }) // 投票前 投票后 | 1064 | }) // 投票前 投票后 |
| 1161 | }) | 1065 | }) |
| 1162 | 1066 | ||
| @@ -1165,60 +1069,42 @@ const app = Vue.createApp({ | @@ -1165,60 +1069,42 @@ const app = Vue.createApp({ | ||
| 1165 | toast(vtSubmitResponseMap.message) | 1069 | toast(vtSubmitResponseMap.message) |
| 1166 | } | 1070 | } |
| 1167 | } catch (e) { } | 1071 | } catch (e) { } |
| 1168 | - } else { | ||
| 1169 | - errorResponse() | ||
| 1170 | - errorBlock( | ||
| 1171 | - './image/no_net.svg', | ||
| 1172 | - '暂无网络' | ||
| 1173 | - ) | ||
| 1174 | - } | 1072 | + } else {} |
| 1175 | } | 1073 | } |
| 1176 | ) | 1074 | ) |
| 1177 | } catch (e) { } | 1075 | } catch (e) { } |
| 1178 | } | 1076 | } |
| 1179 | } | 1077 | } |
| 1180 | 1078 | ||
| 1181 | - // 展示所有选项 | ||
| 1182 | - const showAllSelect = () => { | ||
| 1183 | - // 投票前 | ||
| 1184 | - try { | ||
| 1185 | - canSeeBtnOne.value = false | ||
| 1186 | - } catch (e) { } | ||
| 1187 | - } | ||
| 1188 | - | ||
| 1189 | - const showAllSelect2 = () => { | ||
| 1190 | - // 投票后 | ||
| 1191 | - try { | ||
| 1192 | - canSeeBtnTwo.value = false | ||
| 1193 | - } catch (e) { } | ||
| 1194 | - } | ||
| 1195 | - | ||
| 1196 | // 刷新投票状态 | 1079 | // 刷新投票状态 |
| 1197 | const refreshVotes = async (eq, id, callback) => { | 1080 | const refreshVotes = async (eq, id, callback) => { |
| 1198 | if (window.config.VUE_BASE_NODE === 'dev') { | 1081 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 1199 | - const response = await axiosRequest({ | ||
| 1200 | - url: '/content/zh/c/content/detail', | ||
| 1201 | - methot: 'post', | ||
| 1202 | - appStatus: false, | ||
| 1203 | - environment: state.environment, | ||
| 1204 | - prefix: '/api/rmrb-bff-display-zh', | ||
| 1205 | - data: { contentIds: [ id ] }, | ||
| 1206 | - headers: state.appHeader | ||
| 1207 | - }) | ||
| 1208 | - if (response.success) { | ||
| 1209 | - if (response.data) { | ||
| 1210 | - const details = response.data.length > 0 ? response.data[0] : {} | ||
| 1211 | - if (details.voteInfo) { | ||
| 1212 | - state.details.voteInfo = details.voteInfo | ||
| 1213 | - } else { | ||
| 1214 | - details.voteInfo = {} | 1082 | + setTimeout(() => { |
| 1083 | + handleVoteData({ | ||
| 1084 | + voteInfo: { | ||
| 1085 | + "endTime": "", | ||
| 1086 | + "options": [ | ||
| 1087 | + { | ||
| 1088 | + "index": 1, | ||
| 1089 | + "optionId": "1447", | ||
| 1090 | + "summary": "苹果1", | ||
| 1091 | + "totalVotes": 3 | ||
| 1092 | + }, | ||
| 1093 | + { | ||
| 1094 | + "index": 2, | ||
| 1095 | + "optionId": "1448", | ||
| 1096 | + "summary": "香蕉", | ||
| 1097 | + "totalVotes": 10 | ||
| 1098 | + } | ||
| 1099 | + ], | ||
| 1100 | + "style": 1, | ||
| 1101 | + "title": "喜欢什么", | ||
| 1102 | + "voteId": 326 | ||
| 1215 | } | 1103 | } |
| 1216 | - } else { | ||
| 1217 | - errorResponse() | ||
| 1218 | - } | ||
| 1219 | - } else { | ||
| 1220 | - errorResponse() | ||
| 1221 | - } | 1104 | + }) |
| 1105 | + | ||
| 1106 | + if (callback) callback() | ||
| 1107 | + }, 100) | ||
| 1222 | } else { | 1108 | } else { |
| 1223 | try { | 1109 | try { |
| 1224 | const reLInfo = state.details.reLInfo ? { | 1110 | const reLInfo = state.details.reLInfo ? { |
| @@ -1271,30 +1157,18 @@ const app = Vue.createApp({ | @@ -1271,30 +1157,18 @@ const app = Vue.createApp({ | ||
| 1271 | // 用户投票状态查询 | 1157 | // 用户投票状态查询 |
| 1272 | const voteStatus = async (vId, index, callBack) => { | 1158 | const voteStatus = async (vId, index, callBack) => { |
| 1273 | if (window.config.VUE_BASE_NODE === 'dev') { | 1159 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 1274 | - const response = await axiosRequest({ | ||
| 1275 | - url: '/contact/zh/c/vote/queryStatus', | ||
| 1276 | - methot: 'get', | ||
| 1277 | - appStatus: false, | ||
| 1278 | - environment: state.environment, | ||
| 1279 | - prefix: '/api/rmrb-contact', | ||
| 1280 | - params: { voteId: vId }, | ||
| 1281 | - headers: state.appHeader, | ||
| 1282 | - showError: false | ||
| 1283 | - }) | ||
| 1284 | - if (response.success) { | ||
| 1285 | - if (response.data) { | ||
| 1286 | - try { | ||
| 1287 | - state.voteState.status = data.status // 决定是投票前0 还是 投票后1 | ||
| 1288 | - state.voteState.optionId = data.optionId // 返回的是 被投票项的 optionId ，没投就是 '' | ||
| 1289 | - } catch (e) {} | ||
| 1290 | - if (state.details.voteInfo.style === 1) { | ||
| 1291 | - // 展示对 √ | ||
| 1292 | - state.bcIndex = index | ||
| 1293 | - } else { | ||
| 1294 | - state.curIndex = index | ||
| 1295 | - } | 1160 | + state.voteState.status = 1 // 决定是投票前0 还是 投票后1 |
| 1161 | + if (state.details.voteInfo.style === 1) { | ||
| 1162 | + // 展示对 √ | ||
| 1163 | + if (index) { | ||
| 1164 | + state.bcIndex = index | ||
| 1165 | + } | ||
| 1166 | + } else { | ||
| 1167 | + if (index) { | ||
| 1168 | + state.curIndex = index | ||
| 1296 | } | 1169 | } |
| 1297 | } | 1170 | } |
| 1171 | + if (callBack) callBack() | ||
| 1298 | } else { | 1172 | } else { |
| 1299 | try { | 1173 | try { |
| 1300 | sendNative( | 1174 | sendNative( |
| @@ -1333,7 +1207,7 @@ const app = Vue.createApp({ | @@ -1333,7 +1207,7 @@ const app = Vue.createApp({ | ||
| 1333 | } | 1207 | } |
| 1334 | } | 1208 | } |
| 1335 | 1209 | ||
| 1336 | - callBack() | 1210 | + if (callBack) callBack() |
| 1337 | } | 1211 | } |
| 1338 | } else { | 1212 | } else { |
| 1339 | toast(vtStatusResponseMap.message) | 1213 | toast(vtStatusResponseMap.message) |
| @@ -1401,18 +1275,35 @@ const app = Vue.createApp({ | @@ -1401,18 +1275,35 @@ const app = Vue.createApp({ | ||
| 1401 | ? 50 | 1275 | ? 50 |
| 1402 | : (item.votesBf == 0 ? 8 : datsArr[index - 1].votesBf == 0 ? 92 : item.votesBf) | 1276 | : (item.votesBf == 0 ? 8 : datsArr[index - 1].votesBf == 0 ? 92 : item.votesBf) |
| 1403 | : 0 | 1277 | : 0 |
| 1404 | - if ((state.isLogined != 1 || state.voteState.status === 0) && window.config.VUE_BASE_NODE !== 'dev') { | 1278 | + if ((state.isLogined != 1 || state.voteState.status === 0)) { |
| 1405 | oneWidth = 50 | 1279 | oneWidth = 50 |
| 1406 | twoWidth = 50 | 1280 | twoWidth = 50 |
| 1407 | } | 1281 | } |
| 1408 | if (oneWidth && index === 0 && state.details.voteInfo.style == 1) { | 1282 | if (oneWidth && index === 0 && state.details.voteInfo.style == 1) { |
| 1409 | const cssStr = `@keyframes voteProgressIn { | 1283 | const cssStr = `@keyframes voteProgressIn { |
| 1410 | 0% { | 1284 | 0% { |
| 1411 | - width: 50%; | 1285 | + width: calc(50% - 0.5px); |
| 1286 | + } | ||
| 1287 | + | ||
| 1288 | + 100% { | ||
| 1289 | + width: calc(${oneWidth}% - 0.5px); | ||
| 1290 | + } | ||
| 1291 | + }` | ||
| 1292 | + | ||
| 1293 | + const style = document.createElement('style') | ||
| 1294 | + style.setAttribute('type', 'text/css') | ||
| 1295 | + document.head.appendChild(style) | ||
| 1296 | + style.sheet.insertRule(cssStr, 0) | ||
| 1297 | + } | ||
| 1298 | + | ||
| 1299 | + if (twoWidth && index === 1 && state.details.voteInfo.style == 1) { | ||
| 1300 | + const cssStr = `@keyframes voteProgressInTwo { | ||
| 1301 | + 0% { | ||
| 1302 | + width: calc(50% - 0.5px); | ||
| 1412 | } | 1303 | } |
| 1413 | 1304 | ||
| 1414 | 100% { | 1305 | 100% { |
| 1415 | - width: ${oneWidth}%; | 1306 | + width: calc(${twoWidth}% - 0.5px); |
| 1416 | } | 1307 | } |
| 1417 | }` | 1308 | }` |
| 1418 | 1309 | ||
| @@ -1425,12 +1316,22 @@ const app = Vue.createApp({ | @@ -1425,12 +1316,22 @@ const app = Vue.createApp({ | ||
| 1425 | return { | 1316 | return { |
| 1426 | ...item, | 1317 | ...item, |
| 1427 | oneStyle: { | 1318 | oneStyle: { |
| 1428 | - width: `${oneWidth}%`, | 1319 | + width: `calc(${oneWidth}%)`, |
| 1320 | + clipPath: `polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%)`, | ||
| 1321 | + '-webkit-clip-path': `polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%)` | ||
| 1322 | + }, | ||
| 1323 | + oneStyleAfter: { | ||
| 1324 | + width: `calc(${oneWidth}%)`, | ||
| 1429 | clipPath: `polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%)`, | 1325 | clipPath: `polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%)`, |
| 1430 | '-webkit-clip-path': `polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%)` | 1326 | '-webkit-clip-path': `polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%)` |
| 1431 | }, | 1327 | }, |
| 1432 | twoStyle: { | 1328 | twoStyle: { |
| 1433 | - width: `${twoWidth}%`, | 1329 | + width: `calc(${twoWidth}%)`, |
| 1330 | + clipPath: `polygon(12px 0, 100% 0, 100% 100%, 0 100%)`, | ||
| 1331 | + '-webkit-clip-path': `polygon(12px 0, 100% 0, 100% 100%, 0 100%)` | ||
| 1332 | + }, | ||
| 1333 | + twoStyleAfter: { | ||
| 1334 | + width: `calc(${twoWidth}%)`, | ||
| 1434 | clipPath: `polygon(4px 0, 100% 0, 100% 100%, 0 100%)`, | 1335 | clipPath: `polygon(4px 0, 100% 0, 100% 100%, 0 100%)`, |
| 1435 | '-webkit-clip-path': `polygon(4px 0, 100% 0, 100% 100%, 0 100%)` | 1336 | '-webkit-clip-path': `polygon(4px 0, 100% 0, 100% 100%, 0 100%)` |
| 1436 | } | 1337 | } |
| @@ -1513,25 +1414,47 @@ const app = Vue.createApp({ | @@ -1513,25 +1414,47 @@ const app = Vue.createApp({ | ||
| 1513 | const params = { | 1414 | const params = { |
| 1514 | type: status, | 1415 | type: status, |
| 1515 | channelId: channelId.value, | 1416 | channelId: channelId.value, |
| 1516 | - followPDUserId: state.details.rmhId, | ||
| 1517 | - followUserName: state.details.rmhName, | ||
| 1518 | newsType: state.details.newsType, | 1417 | newsType: state.details.newsType, |
| 1519 | newsId: state.details.newsId, | 1418 | newsId: state.details.newsId, |
| 1520 | newsTitle: state.details.newsTitle, | 1419 | newsTitle: state.details.newsTitle, |
| 1521 | sceneId: state.details.sceneId, | 1420 | sceneId: state.details.sceneId, |
| 1522 | itemId: state.details.itemId, | 1421 | itemId: state.details.itemId, |
| 1523 | subSceneId: state.details.subSceneId, | 1422 | subSceneId: state.details.subSceneId, |
| 1423 | + cnsTraceId: state.cnsTraceId, | ||
| 1424 | + isNewspaper: isNewspaper.value, | ||
| 1524 | duration: dayjs().diff(statrTime.value, 'second') | 1425 | duration: dayjs().diff(statrTime.value, 'second') |
| 1525 | } | 1426 | } |
| 1427 | + | ||
| 1428 | + if (status == 1) { | ||
| 1429 | + params.followPDUserId = state.details.rmhId | ||
| 1430 | + params.followUserName = state.details.rmhName | ||
| 1431 | + } else if (status == 0) { | ||
| 1432 | + params.cancelFollowPDUseId = state.details.rmhId | ||
| 1433 | + params.cancelFollowUserName = state.details.rmhName | ||
| 1434 | + } | ||
| 1526 | if (success) { | 1435 | if (success) { |
| 1527 | if (status == 1) { | 1436 | if (status == 1) { |
| 1528 | followTypePoint(params) | 1437 | followTypePoint(params) |
| 1529 | clookStatus() // 调关注状态查询，更新按钮上的文字 | 1438 | clookStatus() // 调关注状态查询，更新按钮上的文字 |
| 1530 | - toast('关注成功') | 1439 | + // toast('关注成功') |
| 1440 | + try { | ||
| 1441 | + sendNative('jsCall_currentPageOperate', { | ||
| 1442 | + operateType: '24', | ||
| 1443 | + creatorId: `${state.details.rmhId}`, | ||
| 1444 | + followStatus: '1' | ||
| 1445 | + }, () => {}) | ||
| 1446 | + } catch (e) {} | ||
| 1531 | } else if (status == 0) { | 1447 | } else if (status == 0) { |
| 1532 | followTypePoint(params) | 1448 | followTypePoint(params) |
| 1533 | clookStatus() // 调关注状态查询，更新按钮上的文字 | 1449 | clookStatus() // 调关注状态查询，更新按钮上的文字 |
| 1534 | - toast('取消关注成功') | 1450 | + // toast('取消关注成功') |
| 1451 | + try { | ||
| 1452 | + sendNative('jsCall_currentPageOperate', { | ||
| 1453 | + operateType: '24', | ||
| 1454 | + creatorId: `${state.details.rmhId}`, | ||
| 1455 | + followStatus: '0' | ||
| 1456 | + }, () => {}) | ||
| 1457 | + } catch (e) {} | ||
| 1535 | } | 1458 | } |
| 1536 | } | 1459 | } |
| 1537 | } catch (e) { } | 1460 | } catch (e) { } |
| @@ -1545,27 +1468,39 @@ const app = Vue.createApp({ | @@ -1545,27 +1468,39 @@ const app = Vue.createApp({ | ||
| 1545 | // 人民号“关注”按钮 | 1468 | // 人民号“关注”按钮 |
| 1546 | const clookBtn = () => { | 1469 | const clookBtn = () => { |
| 1547 | if (window.config.VUE_BASE_NODE === 'dev') { | 1470 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 1548 | - showClook.value = false | ||
| 1549 | - clookStatusSee.value = false | ||
| 1550 | - followTypePoint({ | ||
| 1551 | - type: 1, | ||
| 1552 | - channelId: channelId.value, | ||
| 1553 | - followPDUserId: state.details.rmhId, | ||
| 1554 | - followUserName: state.details.rmhName, | ||
| 1555 | - newsType: state.details.newsType, | ||
| 1556 | - newsId: state.details.newsId, | ||
| 1557 | - newsTitle: state.details.newsTitle, | ||
| 1558 | - sceneId: state.details.sceneId, | ||
| 1559 | - itemId: state.details.itemId, | ||
| 1560 | - subSceneId: state.details.subSceneId, | ||
| 1561 | - duration: dayjs().diff(statrTime.value, 'second') | ||
| 1562 | - }) | 1471 | + if (clookBtnActive.value) { |
| 1472 | + return | ||
| 1473 | + } | ||
| 1474 | + clookBtnActive.value = true | ||
| 1475 | + setTimeout(() => { | ||
| 1476 | + showClook.value = false | ||
| 1477 | + clookStatusSee.value = false | ||
| 1478 | + clookBtnActive.value = false | ||
| 1479 | + followTypePoint({ | ||
| 1480 | + type: 1, | ||
| 1481 | + followPDUserId: state.details.rmhId, | ||
| 1482 | + followUserName: state.details.rmhName, | ||
| 1483 | + channelId: channelId.value, | ||
| 1484 | + newsType: state.details.newsType, | ||
| 1485 | + newsId: state.details.newsId, | ||
| 1486 | + newsTitle: state.details.newsTitle, | ||
| 1487 | + sceneId: state.details.sceneId, | ||
| 1488 | + itemId: state.details.itemId, | ||
| 1489 | + subSceneId: state.details.subSceneId, | ||
| 1490 | + cnsTraceId: state.cnsTraceId, | ||
| 1491 | + isNewspaper: isNewspaper.value, | ||
| 1492 | + duration: dayjs().diff(statrTime.value, 'second') | ||
| 1493 | + }) | ||
| 1494 | + }, 1000) | ||
| 1563 | return | 1495 | return |
| 1564 | } | 1496 | } |
| 1565 | if (clookBtnActive.value) { | 1497 | if (clookBtnActive.value) { |
| 1566 | return | 1498 | return |
| 1567 | } | 1499 | } |
| 1568 | - clookBtnActive.value = true | 1500 | + if (state.isLogined == 1) { |
| 1501 | + clookCancelBtnActive.value = false | ||
| 1502 | + clookBtnActive.value = true | ||
| 1503 | + } | ||
| 1569 | getUserLoginStatus(loginId => { | 1504 | getUserLoginStatus(loginId => { |
| 1570 | if (loginId == 0) { | 1505 | if (loginId == 0) { |
| 1571 | // 0 未登录 | 1506 | // 0 未登录 |
| @@ -1583,27 +1518,39 @@ const app = Vue.createApp({ | @@ -1583,27 +1518,39 @@ const app = Vue.createApp({ | ||
| 1583 | // 人民号“已关注”按钮 | 1518 | // 人民号“已关注”按钮 |
| 1584 | const clookCancelBtn = () => { | 1519 | const clookCancelBtn = () => { |
| 1585 | if (window.config.VUE_BASE_NODE === 'dev') { | 1520 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 1586 | - showClook.value = true | ||
| 1587 | - clookStatusSee.value = true | ||
| 1588 | - followTypePoint({ | ||
| 1589 | - type: 0, | ||
| 1590 | - channelId: channelId.value, | ||
| 1591 | - followPDUserId: state.details.rmhId, | ||
| 1592 | - followUserName: state.details.rmhName, | ||
| 1593 | - newsType: state.details.newsType, | ||
| 1594 | - newsId: state.details.newsId, | ||
| 1595 | - newsTitle: state.details.newsTitle, | ||
| 1596 | - sceneId: state.details.sceneId, | ||
| 1597 | - itemId: state.details.itemId, | ||
| 1598 | - subSceneId: state.details.subSceneId, | ||
| 1599 | - duration: dayjs().diff(statrTime.value, 'second') | ||
| 1600 | - }) | 1521 | + if (clookCancelBtnActive.value) { |
| 1522 | + return | ||
| 1523 | + } | ||
| 1524 | + clookCancelBtnActive.value = true | ||
| 1525 | + setTimeout(() => { | ||
| 1526 | + showClook.value = true | ||
| 1527 | + clookStatusSee.value = true | ||
| 1528 | + clookCancelBtnActive.value = false | ||
| 1529 | + followTypePoint({ | ||
| 1530 | + type: 0, | ||
| 1531 | + cancelFollowPDUseId: state.details.rmhId, | ||
| 1532 | + cancelFollowUserName: state.details.rmhName, | ||
| 1533 | + channelId: channelId.value, | ||
| 1534 | + newsType: state.details.newsType, | ||
| 1535 | + newsId: state.details.newsId, | ||
| 1536 | + newsTitle: state.details.newsTitle, | ||
| 1537 | + sceneId: state.details.sceneId, | ||
| 1538 | + itemId: state.details.itemId, | ||
| 1539 | + subSceneId: state.details.subSceneId, | ||
| 1540 | + cnsTraceId: state.cnsTraceId, | ||
| 1541 | + isNewspaper: isNewspaper.value, | ||
| 1542 | + duration: dayjs().diff(statrTime.value, 'second') | ||
| 1543 | + }) | ||
| 1544 | + }, 1000) | ||
| 1601 | return | 1545 | return |
| 1602 | } | 1546 | } |
| 1603 | if (clookCancelBtnActive.value) { | 1547 | if (clookCancelBtnActive.value) { |
| 1604 | return | 1548 | return |
| 1605 | } | 1549 | } |
| 1606 | - clookCancelBtnActive.value = true | 1550 | + if (state.isLogined == 1) { |
| 1551 | + clookBtnActive.value = false | ||
| 1552 | + clookCancelBtnActive.value = true | ||
| 1553 | + } | ||
| 1607 | getUserLoginStatus(loginId => { | 1554 | getUserLoginStatus(loginId => { |
| 1608 | if (loginId == 0) { | 1555 | if (loginId == 0) { |
| 1609 | // 0 未登录 | 1556 | // 0 未登录 |
| @@ -1637,7 +1584,8 @@ const app = Vue.createApp({ | @@ -1637,7 +1584,8 @@ const app = Vue.createApp({ | ||
| 1637 | clookStatusSee.value = response.data[0].status == '1' ? false : true // '1' 是已关注 '0'是未关注 | 1584 | clookStatusSee.value = response.data[0].status == '1' ? false : true // '1' 是已关注 '0'是未关注 |
| 1638 | } | 1585 | } |
| 1639 | } else { | 1586 | } else { |
| 1640 | - if (state.creatorID === state.details.rmhId) { | 1587 | + if (state.creatorID == state.details.rmhId) { |
| 1588 | + isOwer.value = true | ||
| 1641 | clookStatusSee.value = false | 1589 | clookStatusSee.value = false |
| 1642 | nextTick(() => { | 1590 | nextTick(() => { |
| 1643 | if (document.querySelector('.skeleton-loading').classList.contains('active')) { | 1591 | if (document.querySelector('.skeleton-loading').classList.contains('active')) { |
| @@ -1677,7 +1625,8 @@ const app = Vue.createApp({ | @@ -1677,7 +1625,8 @@ const app = Vue.createApp({ | ||
| 1677 | } else { | 1625 | } else { |
| 1678 | state.initClockStatus = false | 1626 | state.initClockStatus = false |
| 1679 | } | 1627 | } |
| 1680 | - if (state.creatorID === state.details.rmhId) { | 1628 | + if (state.creatorID == state.details.rmhId) { |
| 1629 | + isOwer.value = true | ||
| 1681 | clookStatusSee.value = false | 1630 | clookStatusSee.value = false |
| 1682 | } else { | 1631 | } else { |
| 1683 | clookStatusSee.value = data[0].status == '1' ? false : true // '1' 是已关注 '0'是未关注 | 1632 | clookStatusSee.value = data[0].status == '1' ? false : true // '1' 是已关注 '0'是未关注 |
| @@ -1699,11 +1648,6 @@ const app = Vue.createApp({ | @@ -1699,11 +1648,6 @@ const app = Vue.createApp({ | ||
| 1699 | }) | 1648 | }) |
| 1700 | } catch (e) { } | 1649 | } catch (e) { } |
| 1701 | } else { | 1650 | } else { |
| 1702 | - errorResponse() | ||
| 1703 | - errorBlock( | ||
| 1704 | - './image/no_net.svg', | ||
| 1705 | - '暂无网络' | ||
| 1706 | - ) | ||
| 1707 | } | 1651 | } |
| 1708 | } | 1652 | } |
| 1709 | ) | 1653 | ) |
| @@ -1755,16 +1699,16 @@ const app = Vue.createApp({ | @@ -1755,16 +1699,16 @@ const app = Vue.createApp({ | ||
| 1755 | 1699 | ||
| 1756 | // 跳转时间轴专题 | 1700 | // 跳转时间轴专题 |
| 1757 | const openMoreTimeLine = () => { | 1701 | const openMoreTimeLine = () => { |
| 1758 | - normalClickTypePoint({ | ||
| 1759 | - channelId: channelId.value, | ||
| 1760 | - newsType: state.details.newsType, | ||
| 1761 | - newsId: state.details.newsId, | ||
| 1762 | - newsTitle: state.details.newsTitle, | ||
| 1763 | - sceneId: state.details.sceneId, | ||
| 1764 | - itemId: state.details.itemId, | ||
| 1765 | - subSceneId: state.details.subSceneId, | ||
| 1766 | - duration: dayjs().diff(statrTime.value, 'second') | ||
| 1767 | - }) | 1702 | + // normalClickTypePoint({ |
| 1703 | + // channelId: channelId.value, | ||
| 1704 | + // newsType: state.details.newsType, | ||
| 1705 | + // newsId: state.details.newsId, | ||
| 1706 | + // newsTitle: state.details.newsTitle, | ||
| 1707 | + // sceneId: state.details.sceneId, | ||
| 1708 | + // itemId: state.details.itemId, | ||
| 1709 | + // subSceneId: state.details.subSceneId, | ||
| 1710 | + // duration: dayjs().diff(statrTime.value, 'second') | ||
| 1711 | + // }) | ||
| 1768 | sendNative( | 1712 | sendNative( |
| 1769 | 'jsCall_appInnerLinkMethod', | 1713 | 'jsCall_appInnerLinkMethod', |
| 1770 | { | 1714 | { |
| @@ -1780,16 +1724,16 @@ const app = Vue.createApp({ | @@ -1780,16 +1724,16 @@ const app = Vue.createApp({ | ||
| 1780 | } | 1724 | } |
| 1781 | 1725 | ||
| 1782 | const openActiveLink = () => { | 1726 | const openActiveLink = () => { |
| 1783 | - normalClickTypePoint({ | ||
| 1784 | - channelId: channelId.value, | ||
| 1785 | - newsType: state.details.newsType, | ||
| 1786 | - newsId: state.details.newsId, | ||
| 1787 | - newsTitle: state.details.newsTitle, | ||
| 1788 | - sceneId: state.details.sceneId, | ||
| 1789 | - itemId: state.details.itemId, | ||
| 1790 | - subSceneId: state.details.subSceneId, | ||
| 1791 | - duration: dayjs().diff(statrTime.value, 'second') | ||
| 1792 | - }) | 1727 | + // normalClickTypePoint({ |
| 1728 | + // channelId: channelId.value, | ||
| 1729 | + // newsType: state.details.newsType, | ||
| 1730 | + // newsId: state.details.newsId, | ||
| 1731 | + // newsTitle: state.details.newsTitle, | ||
| 1732 | + // sceneId: state.details.sceneId, | ||
| 1733 | + // itemId: state.details.itemId, | ||
| 1734 | + // subSceneId: state.details.subSceneId, | ||
| 1735 | + // duration: dayjs().diff(statrTime.value, 'second') | ||
| 1736 | + // }) | ||
| 1793 | try { | 1737 | try { |
| 1794 | sendNative( | 1738 | sendNative( |
| 1795 | 'jsCall_appInnerLinkMethod', | 1739 | 'jsCall_appInnerLinkMethod', |
| @@ -1802,12 +1746,143 @@ const app = Vue.createApp({ | @@ -1802,12 +1746,143 @@ const app = Vue.createApp({ | ||
| 1802 | } | 1746 | } |
| 1803 | } | 1747 | } |
| 1804 | 1748 | ||
| 1749 | + const mockAppClearData = () => { | ||
| 1750 | + clearData() | ||
| 1751 | + | ||
| 1752 | + setTimeout(() => { | ||
| 1753 | + mockAppRequestDetails() | ||
| 1754 | + }) | ||
| 1755 | + } | ||
| 1756 | + | ||
| 1805 | const clearData = () => { | 1757 | const clearData = () => { |
| 1758 | + if (document.querySelector('.browseCntStr')) { | ||
| 1759 | + document.querySelector('.browseCntStr').innerHTML = `` | ||
| 1760 | + } | ||
| 1761 | + clearTimeout(pageLoadOutTime) | ||
| 1762 | + document.querySelector('.error-block').style.display = 'none' | ||
| 1763 | + document.querySelector('#newsContent').innerHTML = '' | ||
| 1764 | + loadingBlock(true) | ||
| 1765 | + document.querySelector('.skeleton-loading').classList.add('active') | ||
| 1766 | + console.log(document.querySelector('.skeleton-loading').classList) | ||
| 1767 | + appBlock(false) | ||
| 1768 | + | ||
| 1769 | + time.value = '' | ||
| 1770 | + deviceType.value = judgTerminal() === 1 ? 'ad' : 'ios' | ||
| 1771 | + statrTime.value = dayjs() | ||
| 1772 | + loginTime.value = null | ||
| 1773 | + channelId.value = null | ||
| 1774 | + recordTime.value = dayjs() | ||
| 1775 | + canSeeBtnTwo.value = true | ||
| 1776 | + canSeeBtnOne.value = true | ||
| 1777 | + isOwer.value = false | ||
| 1778 | + hasReadCount.value = true | ||
| 1779 | + isRmh.value = null | ||
| 1780 | + isNewspaper.value = false | ||
| 1781 | + voteInit.value = false | ||
| 1782 | + showClook.value = false | ||
| 1783 | + optionList.value = [] | ||
| 1784 | + subjectList.value = [] | ||
| 1785 | + channelList.value = [] | ||
| 1786 | + suggestedList.value = [] | ||
| 1787 | + networkStatus.value = 4 | ||
| 1788 | + networkSwitch.value = 2 | ||
| 1789 | + audioState.value = 0 | ||
| 1790 | + browseCnt.value = '0' | ||
| 1791 | + loadlmageOnlyWifiSwitch.value = window.config.VUE_BASE_NODE === 'dev' ? '2' : '0' | ||
| 1792 | + clookStatusSee.value = false | ||
| 1793 | + clookCancelBtnActive.value = false | ||
| 1794 | + clookBtnActive.value = false | ||
| 1795 | + hasHeadLink.value = false | ||
| 1796 | + isPageLeave.value = false | ||
| 1797 | + hasInit.value = false | ||
| 1798 | + shareOpen.value = false | ||
| 1799 | + hasAppLoginExtra.value = false | ||
| 1800 | + Object.assign(state, { | ||
| 1801 | + //state中的数据都可以直接在标签中直接使用，没有在return前，要用state.属性名的方式才能访问到 | ||
| 1802 | + //投票id | ||
| 1803 | + voteId: null, | ||
| 1804 | + contentId: null, | ||
| 1805 | + sourcePage: '2', | ||
| 1806 | + //模式 | ||
| 1807 | + darkMode: 'light', | ||
| 1808 | + //环境 | ||
| 1809 | + environment: 'sit', | ||
| 1810 | + showShare: false, | ||
| 1811 | + //请求头 | ||
| 1812 | + appHeader: { | ||
| 1813 | + ...window.config.VUE_BASE_HEADER, | ||
| 1814 | + system: judgTerminal() === 1 ? 'Android' : 'ios' | ||
| 1815 | + }, | ||
| 1816 | + initialRes: {}, | ||
| 1817 | + originDataSource: {}, | ||
| 1818 | + //此details对接口返回的数据进行了二次改造，属性的添加和属性值的转换 | ||
| 1819 | + details: { | ||
| 1820 | + rmhInfo: null, | ||
| 1821 | + author: [], | ||
| 1822 | + newLinkObject: {}, | ||
| 1823 | + //投票信息 | ||
| 1824 | + voteInfo: {}, | ||
| 1825 | + endTimePoint: false, | ||
| 1826 | + yes: {}, | ||
| 1827 | + no: {}, | ||
| 1828 | + options: [], | ||
| 1829 | + slideShows: {}, | ||
| 1830 | + //片头跳转 | ||
| 1831 | + headLinkdata: '' | ||
| 1832 | + }, | ||
| 1833 | + initClockStatus: false, | ||
| 1834 | + shareNewPoster: false, | ||
| 1835 | + voteState: { | ||
| 1836 | + status: 0, | ||
| 1837 | + optionId: 0 | ||
| 1838 | + }, | ||
| 1839 | + creatorID: null, | ||
| 1840 | + curIndex: 0, | ||
| 1841 | + bcIndex: 0, | ||
| 1842 | + Doing: false, | ||
| 1843 | + isLogined: 0, // 0 未登录 1 已登录 | ||
| 1844 | + isSub: false, | ||
| 1845 | + isSubClose: false, | ||
| 1846 | + seeEmailSub: false, | ||
| 1847 | + strategy: {}, | ||
| 1848 | + emailVal: '', | ||
| 1849 | + deviceId: '', | ||
| 1850 | + userId: '', | ||
| 1851 | + aboutUserName: '', | ||
| 1852 | + agreementURL: '', | ||
| 1853 | + recomList: [] | ||
| 1854 | + }) | ||
| 1855 | + state.details = {} | ||
| 1856 | + Object.assign(timeLine, { | ||
| 1857 | + title: '', | ||
| 1858 | + topicId: '', | ||
| 1859 | + topicType: '', | ||
| 1860 | + pageId: '', | ||
| 1861 | + linkUrl: '', | ||
| 1862 | + slideColor: '#ED2800', | ||
| 1863 | + data: [] | ||
| 1864 | + }) | ||
| 1865 | + Object.assign(actieInfo, { | ||
| 1866 | + show: false, | ||
| 1867 | + id: -1, | ||
| 1868 | + title: '', | ||
| 1869 | + type: '', | ||
| 1870 | + linkUrl: '', | ||
| 1871 | + coverUrl: '' | ||
| 1872 | + }) | ||
| 1873 | + | ||
| 1806 | refreshEditorStr() | 1874 | refreshEditorStr() |
| 1875 | + hasDetails = false | ||
| 1876 | + pageLoadOutTime = null | ||
| 1877 | + changeContentHtmlHeight() | ||
| 1807 | } | 1878 | } |
| 1808 | 1879 | ||
| 1809 | return { | 1880 | return { |
| 1810 | ...toRefs(state), | 1881 | ...toRefs(state), |
| 1882 | + isRmh, | ||
| 1883 | + isNewspaper, | ||
| 1884 | + isOwer, | ||
| 1885 | + deviceType, | ||
| 1811 | browseCnt, | 1886 | browseCnt, |
| 1812 | baseNode, | 1887 | baseNode, |
| 1813 | actieInfo, | 1888 | actieInfo, |
| @@ -1823,8 +1898,13 @@ const app = Vue.createApp({ | @@ -1823,8 +1898,13 @@ const app = Vue.createApp({ | ||
| 1823 | clookStatusSee, | 1898 | clookStatusSee, |
| 1824 | timeLine, | 1899 | timeLine, |
| 1825 | shareOpen, | 1900 | shareOpen, |
| 1901 | + hasReadCount, | ||
| 1902 | + clookBtnActive, | ||
| 1903 | + clookCancelBtnActive, | ||
| 1904 | + pageReloadChange, | ||
| 1826 | requestApp, | 1905 | requestApp, |
| 1827 | clearData, | 1906 | clearData, |
| 1907 | + mockAppClearData, | ||
| 1828 | inptClick, | 1908 | inptClick, |
| 1829 | removeHtmlStr, | 1909 | removeHtmlStr, |
| 1830 | moreInformationClick, | 1910 | moreInformationClick, |
| @@ -1833,13 +1913,10 @@ const app = Vue.createApp({ | @@ -1833,13 +1913,10 @@ const app = Vue.createApp({ | ||
| 1833 | clookCancelBtn, | 1913 | clookCancelBtn, |
| 1834 | skipCustomerNumberPage, | 1914 | skipCustomerNumberPage, |
| 1835 | goVote, | 1915 | goVote, |
| 1836 | - showAllSelect, | ||
| 1837 | - showAllSelect2, | ||
| 1838 | openShare, | 1916 | openShare, |
| 1839 | sendParams, | 1917 | sendParams, |
| 1840 | - browseCntChange, | ||
| 1841 | changeNetworkStatus, | 1918 | changeNetworkStatus, |
| 1842 | - changeNoticeStatus, | 1919 | + changeMediaPlayStatus, |
| 1843 | openMoreTimeLine, | 1920 | openMoreTimeLine, |
| 1844 | queryPageLeaveStatus, | 1921 | queryPageLeaveStatus, |
| 1845 | quitGraphicDetailPageEvent, | 1922 | quitGraphicDetailPageEvent, |
| @@ -2,114 +2,111 @@ function handleRandomImage(width = 50, height = 50) { | @@ -2,114 +2,111 @@ function handleRandomImage(width = 50, height = 50) { | ||
| 2 | return `https://picsum.photos/${width}/${height}?random=${getRandomNumber().uuid(6)}` | 2 | return `https://picsum.photos/${width}/${height}?random=${getRandomNumber().uuid(6)}` |
| 3 | } | 3 | } |
| 4 | 4 | ||
| 5 | -const articleBak = `{"_editor18_a":{"id":"_editor18_a","option":{"backgroundColor":"#ffffff","title":{"text":"This is a table name","textStyle":{"width":"375","overflow":"break","fontWeight":"bold","fontFamily":"Droid Serif","fontSize":14}},"grid":{"top":"30%"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","offset":-10,"splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line"}]}},"_editor21_a":{"id":"_editor21_a","option":{"dataset":[{"source":[[1,42.4],[2,54.7],[3,54.5],[4,71],[5,84.4],[6,102.2],[7,172.5],[8,188.3],[9,199.2],[10,207.9],[11,217.8],[12,238.1],[13,334.4],[14,459.4],[15,578.1],[16,684.6],[17,762.6]]},{"transform":{"type":"ecStat:regression","config":{"method":"exponential"}}}],"backgroundColor":"#ffffff","title":{"text":"This is a table name","textStyle":{"width":"375","overflow":"break","fontWeight":"bold","fontFamily":"Droid Serif","fontSize":14}},"grid":{"top":"30%"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"cross"}},"xAxis":[{"splitLine":{"lineStyle":{"type":"dashed"}}}],"yAxis":[{"name":"ton","splitLine":{"lineStyle":{"type":"dashed","color":"#e5e5e5"}}}],"series":[{"name":"scatter","type":"scatter","datasetIndex":0},{"name":"line","type":"line","smooth":true,"datasetIndex":1,"symbolSize":0.1,"symbol":"circle","label":{"show":true,"fontSize":16},"labelLayout":{"dx":-20},"encode":{"label":2,"tooltip":1}}]}},"_editor17_a":{"id":"_editor17_a","option":{"backgroundColor":"#ffffff","title":{"text":"This is a table name","textStyle":{"width":"375","overflow":"break","fontWeight":"bold","fontFamily":"Droid Serif","fontSize":14}},"grid":{"top":"30%"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","offset":-10,"splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"type":"bar","barWidth":"60%","data":[{"value":120,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":200,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":150,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":80,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":70,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":110,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":130,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}}]}]}},"_editor19_a":{"id":"_editor19_a","option":{"backgroundColor":"#ffffff","title":{"text":"This is a table name","textStyle":{"width":"375","overflow":"break","fontWeight":"bold","fontFamily":"Droid Serif","fontSize":14}},"grid":{"top":"30%"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","offset":-10,"splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"type":"bar","barWidth":"60%","showBackground":true,"data":[{"value":120,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":200,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":150,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":80,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":70,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":110,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":130,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}}]}]}},"_editor22_a":{"id":"_editor22_a","option":{"backgroundColor":"#ffffff","title":{"text":"This is a table name","top":"5%","left":"3%","textStyle":{"width":"375","overflow":"break","fontWeight":"bold","fontFamily":"Droid Serif","fontSize":14}},"grid":{"top":"30%"},"tooltip":{"trigger":"item"},"aria":{"enabled":false,"decal":{"show":false}},"xAxis":[{"type":"category","boundaryGap":false,"show":false}],"legend":{"top":"25%","left":"left","orient":"vertical","itemGap":15,"selectedMode":false,"align":"left","type":"scroll"},"series":[{"name":"Access From","type":"pie","radius":["33%","70%"],"center":["70%","60%"],"avoidLabelOverlap":false,"hoverAnimation":false,"label":{"show":true,"position":"inside","formatter":"{d}%","color":"#ffffff","textStyle":{"fontSize":12}},"emphasis":{"label":{"show":true}},"labelLine":{"show":false},"data":[{"value":160,"name":"Search Engine"},{"value":90,"name":"Direct"},{"value":100,"name":"Email"},{"value":230,"name":"Union Ads"},{"value":170,"name":"Video Ads"},{"value":70,"name":"image"},{"value":180,"name":"photos"}]}]}},"_editor20_a":{"id":"_editor20_a","option":{"backgroundColor":"#ffffff","title":{"text":"This is a table name","textStyle":{"width":"375","overflow":"break","fontWeight":"bold","fontFamily":"Droid Serif","fontSize":14}},"grid":{"top":"30%"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","boundaryGap":false,"data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","offset":-10,"splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":{"type":"linear","x":0,"y":0,"x2":0,"y2":1,"colorStops":[{"offset":0,"color":"rgba(183,29,38,0.50)"},{"offset":1,"color":"rgba(183,29,38,0.00)"}],"global":false},"lineStyle":{"color":"#B71D26"}}},"type":"line","areaStyle":{}}]}}}` | ||
| 6 | - | ||
| 7 | -const articleStr = `<div class="div linkcard" style="width: 365px;padding: 8px 12px 8px 8px;border-radius: 4px; background: #FCFCFC;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); display: flow-root;margin: auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;" contenteditable="false"><p class="card" style="width: 58px;height: 56px;float: left;background: white; object-fit: fill;margin-right: 10px;"><img src="https://cdnpdcontentuat.aikan.pdnews.cn/pdbj-20230819/image/content/43d5d4a594f54a4d975266d82ff92d03.jpeg?v=20" width="56px" height="56px">\\n </p><span class="title" style="line-height: 36px;font-weight: 700;color: black;font-size: 12px;text-overflow: ellipsis;overflow: hidden;word-break: break-all;">Dominican officials say plastics company to blame for explosion that killed 31 people</span>\\n <p class="link" style="color: #999999;font-weight: 400;font-size: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;">https://pd-eos-uat.pdnews.cn/er/channel/1459720/30001086094</p></div><p><br></p>` | ||
| 8 | - | ||
| 9 | -const articleData = [ | ||
| 10 | - { | ||
| 11 | - newsId: Mock.Random.integer(1, 100), | ||
| 12 | - photoList: [ | ||
| 13 | - { | ||
| 14 | - 'height': 422, | ||
| 15 | - 'picDesc': '', | ||
| 16 | - 'picPath': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/image/content/6768a57fa1014ddea132adc73cfbaab0.jpeg', | ||
| 17 | - 'sort': null, | ||
| 18 | - 'width': 280 | ||
| 19 | - } | ||
| 20 | - ], | ||
| 21 | - videoInfo: [ | ||
| 22 | - { | ||
| 23 | - 'clarity': 5, | ||
| 24 | - 'resolutionHeight': 720, | ||
| 25 | - 'resolutionWidth': 1280, | ||
| 26 | - 'videoDuration': 15, | ||
| 27 | - 'videoLandScape': 1, | ||
| 28 | - 'videoUrl': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/vod/content/output/e43832104cb84817a29cf64429f9e36b_opt.mp4' | ||
| 29 | - }, | ||
| 30 | - { | ||
| 31 | - 'clarity': 5, | ||
| 32 | - 'resolutionHeight': 1280, | ||
| 33 | - 'resolutionWidth': 720, | ||
| 34 | - 'videoDuration': 54, | ||
| 35 | - 'videoLandScape': 2, | ||
| 36 | - 'videoUrl': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/vod/content/output/cb0e5757838c453887b9f0aac1018368_opt.mp4' | ||
| 37 | - }, | ||
| 38 | - { | ||
| 39 | - 'clarity': null, | ||
| 40 | - 'resolutionHeight': null, | ||
| 41 | - 'resolutionWidth': null, | ||
| 42 | - 'videoDuration': 15, | ||
| 43 | - 'videoLandScape': 1, | ||
| 44 | - 'videoUrl': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/vod/content/16e219b0add24b21badbcae237d3bf25.mp4' | ||
| 45 | - }, | ||
| 46 | - { | ||
| 47 | - 'clarity': null, | ||
| 48 | - 'resolutionHeight': null, | ||
| 49 | - 'resolutionWidth': null, | ||
| 50 | - 'videoDuration': 54, | ||
| 51 | - 'videoLandScape': 2, | ||
| 52 | - 'videoUrl': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/vod/content/ec1172d3ee304a3e9f165699f0bd7815.mp4' | ||
| 53 | - } | ||
| 54 | - ], | ||
| 55 | - authorList: [ | ||
| 56 | - { | ||
| 57 | - authorName: Mock.Random.name(), | ||
| 58 | - authorHeader: '', | ||
| 59 | - topicId: '', | ||
| 60 | - topicName: '', | ||
| 61 | - topicType: '', | ||
| 62 | - pageId: '' | ||
| 63 | - }, | ||
| 64 | - { | ||
| 65 | - authorName: Mock.Random.name(), | ||
| 66 | - authorHeader: '', | ||
| 67 | - topicId: '', | ||
| 68 | - topicName: '', | ||
| 69 | - topicType: '', | ||
| 70 | - pageId: '' | ||
| 71 | - }, | ||
| 72 | - { | ||
| 73 | - authorName: Mock.Random.name(), | ||
| 74 | - authorHeader: '', | ||
| 75 | - topicId: '', | ||
| 76 | - topicName: '', | ||
| 77 | - topicType: '', | ||
| 78 | - pageId: '' | ||
| 79 | - }, | ||
| 80 | - { | ||
| 81 | - authorName: Mock.Random.name(), | ||
| 82 | - authorHeader: '', | ||
| 83 | - topicId: '', | ||
| 84 | - topicName: '', | ||
| 85 | - topicType: '', | ||
| 86 | - pageId: '' | ||
| 87 | - } | ||
| 88 | - ], | ||
| 89 | - newsShortTitle: '现代化道路：政党的责任', | ||
| 90 | - newsDownTitle: '世界政党高层对话会', | ||
| 91 | - newIntroduction: '这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读。', | ||
| 92 | - newsSource: 'Globle Time', | ||
| 93 | - publishTime: '2023-02-01 12:03:01', | ||
| 94 | - newsTitle: Mock.Random.ctitle(90, 100), | ||
| 95 | - subjectList: [ | ||
| 96 | - { | ||
| 97 | - topicName: Mock.Random.name(), | ||
| 98 | - topicId: '1', | ||
| 99 | - topicType: '10', | ||
| 100 | - name: Mock.Random.name(), | ||
| 101 | - pageId: '20' | ||
| 102 | - }, | ||
| 103 | - { | ||
| 104 | - topicName: Mock.Random.name(), | ||
| 105 | - topicId: '2', | ||
| 106 | - topicType: '20', | ||
| 107 | - name: Mock.Random.name(), | ||
| 108 | - pageId: '30' | ||
| 109 | - } | ||
| 110 | - ], | ||
| 111 | - newsContentBak: '{"_editor18_a1":{"id":"_editor18_a1","option":{"backgroundColor":"#ffffff","title":{"text":"基础折线图"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line"}]}},"_editor18_a2":{"id":"_editor18_a2","option":{"backgroundColor":"#ffffff","title":{"text":"基础折线图"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line"}]}},"_editor22_a":{"id":"_editor22_a","option":{"backgroundColor":"#ffffff","title":{"text":"基础饼图"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"item"},"xAxis":[{"type":"category","boundaryGap":false,"show":false}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"type":"pie","radius":"60%","data":[{"value":1048,"showSelColor2":false,"name":"Search Engine","color":{},"itemStyle":{"color":"#4a65bf"}},{"value":735,"showSelColor2":false,"name":"Direct","color":{},"itemStyle":{"color":"#95dc75"}},{"value":580,"name":"Email","showSelColor2":false,"color":{},"itemStyle":{"color":"#f9c141"}},{"value":484,"showSelColor2":false,"color":{},"name":"Union Ads","itemStyle":{"color":"#eb5b5b"}},{"value":300,"showSelColor2":false,"name":"Video Ads","color":{},"itemStyle":{"color":"#68b869"}}]}]}},"_editor21_a":{"id":"_editor21_a","option":{"dataset":[{"source":[[1,42.4],[2,54.7],[3,54.5],[4,71],[5,84.4],[6,102.2],[7,172.5],[8,188.3],[9,199.2],[10,207.9],[11,217.8],[12,238.1],[13,334.4],[14,459.4],[15,578.1],[16,684.6],[17,762.6]]},{"transform":{"type":"ecStat:regression","config":{"method":"exponential"}}}],"backgroundColor":"#ffffff","title":{"text":"指数回归"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"cross"}},"xAxis":[{"splitLine":{"lineStyle":{"type":"dashed"}}}],"yAxis":[{"splitLine":{"lineStyle":{"color":"#e5e5e5"}},"name":"ton"}],"series":[{"name":"scatter","type":"scatter","datasetIndex":0},{"name":"line","type":"line","smooth":true,"datasetIndex":1,"symbolSize":0.1,"symbol":"circle","label":{"show":true,"fontSize":16},"labelLayout":{"dx":-20},"encode":{"label":2,"tooltip":1}}]}},"_editor18_a":{"id":"_editor18_a","option":{"backgroundColor":"#ffffff","title":{"text":"基础折线图"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line"}]}},"_editor19_a":{"id":"_editor19_a","option":{"backgroundColor":"#ffffff","title":{"text":"带背景色的柱状图"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"type":"bar","barWidth":"60%","showBackground":true,"data":[{"value":120,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":200,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":150,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":80,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":70,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":110,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":130,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}}]}]}},"_editor20_a":{"id":"_editor20_a","option":{"backgroundColor":"#ffffff","title":{"text":"基础面积图"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","boundaryGap":false,"data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line","areaStyle":{}}]}},"_editor17_a":{"id":"_editor17_a","option":{"backgroundColor":"#ffffff","title":{"text":"基础柱状图"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"type":"bar","barWidth":"60%","data":[{"value":120,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":200,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":150,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":80,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":70,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":110,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":130,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}}]}]}}}', | ||
| 112 | - newsContent: `<p style="justify-content: center;"><br></p> | 5 | +function getArticleDetails() { |
| 6 | + return [ | ||
| 7 | + { | ||
| 8 | + newsId: Mock.Random.integer(1, 100), | ||
| 9 | + photoList: [ | ||
| 10 | + { | ||
| 11 | + 'height': 422, | ||
| 12 | + 'picDesc': '', | ||
| 13 | + 'picPath': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/image/content/6768a57fa1014ddea132adc73cfbaab0.jpeg', | ||
| 14 | + 'sort': null, | ||
| 15 | + 'width': 280 | ||
| 16 | + } | ||
| 17 | + ], | ||
| 18 | + videoInfo: [ | ||
| 19 | + { | ||
| 20 | + 'clarity': 5, | ||
| 21 | + 'resolutionHeight': 720, | ||
| 22 | + 'resolutionWidth': 1280, | ||
| 23 | + 'videoDuration': 15, | ||
| 24 | + 'videoLandScape': 1, | ||
| 25 | + 'videoUrl': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/vod/content/output/e43832104cb84817a29cf64429f9e36b_opt.mp4' | ||
| 26 | + }, | ||
| 27 | + { | ||
| 28 | + 'clarity': 5, | ||
| 29 | + 'resolutionHeight': 1280, | ||
| 30 | + 'resolutionWidth': 720, | ||
| 31 | + 'videoDuration': 54, | ||
| 32 | + 'videoLandScape': 2, | ||
| 33 | + 'videoUrl': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/vod/content/output/cb0e5757838c453887b9f0aac1018368_opt.mp4' | ||
| 34 | + }, | ||
| 35 | + { | ||
| 36 | + 'clarity': null, | ||
| 37 | + 'resolutionHeight': null, | ||
| 38 | + 'resolutionWidth': null, | ||
| 39 | + 'videoDuration': 15, | ||
| 40 | + 'videoLandScape': 1, | ||
| 41 | + 'videoUrl': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/vod/content/16e219b0add24b21badbcae237d3bf25.mp4' | ||
| 42 | + }, | ||
| 43 | + { | ||
| 44 | + 'clarity': null, | ||
| 45 | + 'resolutionHeight': null, | ||
| 46 | + 'resolutionWidth': null, | ||
| 47 | + 'videoDuration': 54, | ||
| 48 | + 'videoLandScape': 2, | ||
| 49 | + 'videoUrl': 'https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230526/vod/content/ec1172d3ee304a3e9f165699f0bd7815.mp4' | ||
| 50 | + } | ||
| 51 | + ], | ||
| 52 | + authorList: [ | ||
| 53 | + { | ||
| 54 | + authorName: Mock.Random.cname(), | ||
| 55 | + authorHeader: '', | ||
| 56 | + topicId: '', | ||
| 57 | + topicName: '', | ||
| 58 | + topicType: '', | ||
| 59 | + pageId: '' | ||
| 60 | + }, | ||
| 61 | + { | ||
| 62 | + authorName: Mock.Random.cname(), | ||
| 63 | + authorHeader: '', | ||
| 64 | + topicId: '', | ||
| 65 | + topicName: '', | ||
| 66 | + topicType: '', | ||
| 67 | + pageId: '' | ||
| 68 | + }, | ||
| 69 | + { | ||
| 70 | + authorName: Mock.Random.cname(), | ||
| 71 | + authorHeader: '', | ||
| 72 | + topicId: '', | ||
| 73 | + topicName: '', | ||
| 74 | + topicType: '', | ||
| 75 | + pageId: '' | ||
| 76 | + }, | ||
| 77 | + { | ||
| 78 | + authorName: Mock.Random.cname(), | ||
| 79 | + authorHeader: '', | ||
| 80 | + topicId: '', | ||
| 81 | + topicName: '', | ||
| 82 | + topicType: '', | ||
| 83 | + pageId: '' | ||
| 84 | + } | ||
| 85 | + ], | ||
| 86 | + newsShortTitle: ' 现代化道路：政党的责任', | ||
| 87 | + newsDownTitle: ' 世界政党高层对话会', | ||
| 88 | + newIntroduction: ' 这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读。', | ||
| 89 | + newsSource: 'Globle Time', | ||
| 90 | + publishTime: '2023-02-01 12:03:01', | ||
| 91 | + newsTitle: ` ${Mock.Random.ctitle(10, 30)}\n${Mock.Random.ctitle(10, 30)}`, | ||
| 92 | + subjectList: [ | ||
| 93 | + { | ||
| 94 | + topicName: Mock.Random.cname(), | ||
| 95 | + topicId: '1', | ||
| 96 | + topicType: '10', | ||
| 97 | + name: Mock.Random.cname(), | ||
| 98 | + pageId: '20' | ||
| 99 | + }, | ||
| 100 | + { | ||
| 101 | + topicName: Mock.Random.cname(), | ||
| 102 | + topicId: '2', | ||
| 103 | + topicType: '20', | ||
| 104 | + name: Mock.Random.cname(), | ||
| 105 | + pageId: '30' | ||
| 106 | + } | ||
| 107 | + ], | ||
| 108 | + newsContentBak: '{"_editor18_a1":{"id":"_editor18_a1","option":{"backgroundColor":"#ffffff","title":{"text":"基础折线图"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line"}]}},"_editor18_a2":{"id":"_editor18_a2","option":{"backgroundColor":"#ffffff","title":{"text":"基础折线图"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line"}]}},"_editor22_a":{"id":"_editor22_a","option":{"backgroundColor":"#ffffff","title":{"text":"基础饼图"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"item"},"xAxis":[{"type":"category","boundaryGap":false,"show":false}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"type":"pie","radius":"60%","data":[{"value":1048,"showSelColor2":false,"name":"Search Engine","color":{},"itemStyle":{"color":"#4a65bf"}},{"value":735,"showSelColor2":false,"name":"Direct","color":{},"itemStyle":{"color":"#95dc75"}},{"value":580,"name":"Email","showSelColor2":false,"color":{},"itemStyle":{"color":"#f9c141"}},{"value":484,"showSelColor2":false,"color":{},"name":"Union Ads","itemStyle":{"color":"#eb5b5b"}},{"value":300,"showSelColor2":false,"name":"Video Ads","color":{},"itemStyle":{"color":"#68b869"}}]}]}},"_editor21_a":{"id":"_editor21_a","option":{"dataset":[{"source":[[1,42.4],[2,54.7],[3,54.5],[4,71],[5,84.4],[6,102.2],[7,172.5],[8,188.3],[9,199.2],[10,207.9],[11,217.8],[12,238.1],[13,334.4],[14,459.4],[15,578.1],[16,684.6],[17,762.6]]},{"transform":{"type":"ecStat:regression","config":{"method":"exponential"}}}],"backgroundColor":"#ffffff","title":{"text":"指数回归"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"cross"}},"xAxis":[{"splitLine":{"lineStyle":{"type":"dashed"}}}],"yAxis":[{"splitLine":{"lineStyle":{"color":"#e5e5e5"}},"name":"ton"}],"series":[{"name":"scatter","type":"scatter","datasetIndex":0},{"name":"line","type":"line","smooth":true,"datasetIndex":1,"symbolSize":0.1,"symbol":"circle","label":{"show":true,"fontSize":16},"labelLayout":{"dx":-20},"encode":{"label":2,"tooltip":1}}]}},"_editor18_a":{"id":"_editor18_a","option":{"backgroundColor":"#ffffff","title":{"text":"基础折线图"},"aria":{"enabled":false,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line"}]}},"_editor19_a":{"id":"_editor19_a","option":{"backgroundColor":"#ffffff","title":{"text":"带背景色的柱状图"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"type":"bar","barWidth":"60%","showBackground":true,"data":[{"value":120,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":200,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":150,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":80,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":70,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":110,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":130,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}}]}]}},"_editor20_a":{"id":"_editor20_a","option":{"backgroundColor":"#ffffff","title":{"text":"基础面积图"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","boundaryGap":false,"data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"data":[{"value":150},{"value":230},{"value":224},{"value":218},{"value":135},{"value":147},{"value":260}],"itemStyle":{"normal":{"color":"#B71D26","lineStyle":{"color":"#B71D26"}}},"type":"line","areaStyle":{}}]}},"_editor17_a":{"id":"_editor17_a","option":{"backgroundColor":"#ffffff","title":{"text":"基础柱状图"},"aria":{"enabled":true,"decal":{"show":false}},"tooltip":{"trigger":"axis","axisPointer":{"type":"shadow"}},"xAxis":[{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{"type":"value","name":"ton","splitLine":{"lineStyle":{"color":"#e5e5e5"}}}],"series":[{"type":"bar","barWidth":"60%","data":[{"value":120,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":200,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":150,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":80,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":70,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":110,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}},{"value":130,"showSelColor2":false,"color":{},"itemStyle":{"color":"#B71D26"}}]}]}}}', | ||
| 109 | + newsContent: `<p style="justify-content: center;"><br></p> | ||
| 113 | <div class="div linkcard" style="min-width: 128px;padding-top: 5px;border-radius: 4px; background: #FCFCFC;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); display: inline-block;">UNICEF deplores death of 27 children in blast in southern Somalia | 110 | <div class="div linkcard" style="min-width: 128px;padding-top: 5px;border-radius: 4px; background: #FCFCFC;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); display: inline-block;">UNICEF deplores death of 27 children in blast in southern Somalia |
| 114 | <p class="card" style="width: 58px;height: 56px;float: right;background: white; object-fit: fill"> | 111 | <p class="card" style="width: 58px;height: 56px;float: right;background: white; object-fit: fill"> |
| 115 | <img src="https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230611/image/content/2e6185011dcb417f963524b0c55de930.png?v=74" width="56px" height="56px"> | 112 | <img src="https://cdnpdjdcontentuat.aikan.pdnews.cn/pdbj-20230611/image/content/2e6185011dcb417f963524b0c55de930.png?v=74" width="56px" height="56px"> |
| @@ -644,67 +641,81 @@ const articleData = [ | @@ -644,67 +641,81 @@ const articleData = [ | ||
| 644 | </div> | 641 | </div> |
| 645 | </section> | 642 | </section> |
| 646 | <p><br></p>`, | 643 | <p><br></p>`, |
| 647 | - newsSourceName: '人民日报', | ||
| 648 | - newsContent: `<section id="_editor57" class="_editor57" data-type="1" data-title="文字切换" style="width:375px; padding:16px 0px;margin: 0 auto;"><div style="max-width: 100%; width: 300px; margin: 0px auto; background-image: url('https://uatjdcdnphoto.aikan.pdnews.cn/zhbj-20231215/image/content/2df3ff150b454f2c961268a6d83bee7f.jpeg?v=19'); background-repeat: no-repeat; background-size: 100% 100%; height: 465px; overflow: hidden; display: flex; justify-content: center; align-items: center;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="width: 300px; height: 40px" title=""><g transform="translate(0 -240)"><g><text x="80" y="25" style="font-size: 30px; line-height: 30px;fill: #F10E0E">一夜暴富</text><rect x="0" y="0" style="fill: #fff" width="40" height="185" opacity="0"></rect></g><g><text x="80" y="65" style="font-size: 30px; line-height: 30px;fill: rgb(255, 255, 255)">父母健康</text><rect x="0" y="40" style="fill: #fff" width="40" height="185" opacity="0"></rect></g><g><text x="80" y="105" style="font-size: 30px; line-height: 30px;fill: rgb(255, 255, 255)">光吃不胖</text><rect x="0" y="80" style="fill: #fff" width="40" height="185" opacity="0"></rect></g><g><text x="80" y="145" style="font-size: 30px; line-height: 30px;fill: rgb(255, 255, 255)">环游世界</text><rect x="0" y="120" style="fill: #fff" width="40" height="185" opacity="0"></rect></g><g><text x="80" y="185" style="font-size: 30px; line-height: 30px;fill: rgb(255, 255, 255)">升职加薪</text><rect x="0" y="160" style="fill: #fff" width="40" height="185" opacity="0"></rect></g><g><text x="80" y="225" style="font-size: 30px; line-height: 30px;fill: rgb(255, 255, 255)">逢考必过</text><rect x="0" y="200" style="fill: #fff" width="40" height="185" opacity="0"></rect></g><g><text x="80" y="265" style="font-size: 30px; line-height: 30px;fill: rgb(255, 255, 255)">成功脱单</text><rect x="0" y="240" style="fill: #fff" width="40" height="185" opacity="0"></rect></g><animateTransform attributeName="transform" type="translate" values="0 0;0 -40;0 -80;0 -120;0 -160;0 -200;0 -240;" repeatCount="indefinite" fill="freeze" begin="0s" end="click" calcMode="discrete" dur="0.8s" restart="always"></animateTransform></g></svg></div></section>`, | ||
| 649 | - coverImgUrl: handleRandomImage(343, 197), | ||
| 650 | - imageUrl: handleRandomImage(50, 50), | ||
| 651 | - adress: 'Cai Hairuo, Liang Jun', | ||
| 652 | - webpageUrl: 'https://peoplesdaily.pdnews.cn/china/xi-sends-congratulatory-letter-to-forum-on-industry-and-investment-cooperation-between-china-central-asia-295030.html', | ||
| 653 | - tags: Array.from({ length: Mock.Random.integer(3, 5) }).map(_ => Mock.Random.word()).join(), | ||
| 654 | - description: 'Trucks wait to load containers at a container terminal in Rizhao, East China\'s Shandong Province, March 28, 2022. (Photo: Xinhua)', | ||
| 655 | - newLinkObject: { | ||
| 656 | - newsTitle: '有品质的新闻' | ||
| 657 | - }, | ||
| 658 | - shareInfo: { | ||
| 659 | - shareSummary: '有品质的新闻', | ||
| 660 | - sharePosterOpen: 1, | ||
| 661 | - shareTitle: '中国首届学生（青年）运动会开幕', | ||
| 662 | - shareOpen: 1, | ||
| 663 | - sharePosterCoverUrl: 'https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231106/image/display/6e8fc89b64c94f808970357ef224ce79.jpg', | ||
| 664 | - shareUrl: 'https://pd-people-uat.pdnews.cn/atl/rel/500000004891/30001330289', | ||
| 665 | - shareCoverUrl: 'https://uatjdcdnphoto.aikan.pdnews.cn/zhbj-20231106/image/content/d30cdda18fd54062a50ac69d5a0fa234.png' | ||
| 666 | - }, | ||
| 667 | - topicInfo: { | ||
| 668 | - title: '有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻', | ||
| 669 | - slideShows: [ | ||
| 670 | - { | ||
| 671 | - publishTime: dayjs().valueOf() | ||
| 672 | - } | ||
| 673 | - ] | ||
| 674 | - }, | ||
| 675 | - activityInfo: [ | ||
| 676 | - { | ||
| 677 | - id: 1, | ||
| 678 | - title: Mock.Random.name(), | ||
| 679 | - coverUrl: handleRandomImage(30, 40) | ||
| 680 | - } | ||
| 681 | - ], | ||
| 682 | - voteInfo: { | ||
| 683 | - 'endTime': '', | ||
| 684 | - 'options': [ | ||
| 685 | - { | ||
| 686 | - 'index': 1, | ||
| 687 | - 'optionId': '465', | ||
| 688 | - 'summary': '1', | ||
| 689 | - 'totalVotes': 3 | ||
| 690 | - }, | 644 | + newsSourceName: Mock.Random.ctitle(10, 20), |
| 645 | + newsContent: `<section id="_editor67" class="audio-block" data-type="1" data-title="音频播放"><div style=" position: relative; max-width:100%; width: 343px; height: 80px; background: #ffffff; box-sizing: border-box; border: 0.5px solid #eeeeee; margin: 0 auto; display: flex; "><div style="width: 80px; height: 80px"><img data-name="people" src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/2.png" data-src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/2.png" style="width: 100%; height: 100%" class="audioStyleLeftImg" status="loading"></div><div style="max-width:77%; width: 263px; height: 80px"><div style=" padding: 10px 8px; font-family: DroidSerif-Bold; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0px; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; "><span class="audioStyleTitle">起风了</span></div><div style=" padding-left: 8px; font-family: DroidSerif; font-size: 10px; font-weight: normal; line-height: 13px; letter-spacing: 0px; color: #999999; "><span class="audioStyleCurTime">00:00</span>/ <span class="audioStyleTotalTime">00:00</span></div><div style="margin: 10px 0 0 8px; max-width:78%; width: 205px; height: 12px"><img data-name="people" src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/3.png" data-src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/3.png" style="width: 100%; height: 100%" status="loading"></div><div style="margin: -19px 0 0 87%; width: 24px; height: 24px"><img data-name="people" src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/4.png" data-src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/4.png" style="width: 100%; height: 100%;display: initial;cursor: pointer;" class="audioStylePlay" status="loading"><img data-name="people" src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/5.png" data-src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/5.png" style="width: 100%; height: 100%;display: none;cursor: pointer;" class="audioStylePause" status="loading"><audio class="ueditor_style_audio"><source src="https://cdnpeoplefrontuat.aikan.pdnews.cn/rmrb/rmrb-protocol-zh-web/0.0.1/zh/style-36/6.mp3"></audio></div></div></div></section>`, | ||
| 646 | + coverImgUrl: handleRandomImage(343, 197), | ||
| 647 | + imageUrl: handleRandomImage(50, 50), | ||
| 648 | + adress: 'Cai Hairuo, Liang Jun', | ||
| 649 | + webpageUrl: 'https://peoplesdaily.pdnews.cn/china/xi-sends-congratulatory-letter-to-forum-on-industry-and-investment-cooperation-between-china-central-asia-295030.html', | ||
| 650 | + tags: Array.from({ length: Mock.Random.integer(3, 5) }).map(_ => Mock.Random.word()).join(), | ||
| 651 | + description: 'Trucks wait to load containers at a container terminal in Rizhao, East China\'s Shandong Province, March 28, 2022. (Photo: Xinhua)', | ||
| 652 | + // newLinkObject: { | ||
| 653 | + // newsTitle: '——有品质的新闻' | ||
| 654 | + // }, | ||
| 655 | + shareInfo: { | ||
| 656 | + shareSummary: '有品质的新闻', | ||
| 657 | + sharePosterOpen: 1, | ||
| 658 | + shareTitle: '中国首届学生（青年）运动会开幕', | ||
| 659 | + shareOpen: 1, | ||
| 660 | + sharePosterCoverUrl: 'https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231106/image/display/6e8fc89b64c94f808970357ef224ce79.jpg', | ||
| 661 | + shareUrl: 'https://pd-people-uat.pdnews.cn/atl/rel/500000004891/30001330289', | ||
| 662 | + shareCoverUrl: 'https://uatjdcdnphoto.aikan.pdnews.cn/zhbj-20231106/image/content/d30cdda18fd54062a50ac69d5a0fa234.png' | ||
| 663 | + }, | ||
| 664 | + // isNewspaper: true, | ||
| 665 | + rmhInfo: { | ||
| 666 | + rmhName: '111', | ||
| 667 | + rmhDesc: '111', | ||
| 668 | + }, | ||
| 669 | + topicInfo: { | ||
| 670 | + title: '有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻', | ||
| 671 | + slideShows: [ | ||
| 672 | + { | ||
| 673 | + newsTitle: Mock.Random.ctitle(10, 20), | ||
| 674 | + publishTime: dayjs().valueOf() | ||
| 675 | + }, | ||
| 676 | + { | ||
| 677 | + newsTitle: Mock.Random.ctitle(10, 20), | ||
| 678 | + publishTime: dayjs().valueOf() | ||
| 679 | + }, | ||
| 680 | + | ||
| 681 | + ] | ||
| 682 | + }, | ||
| 683 | + activityInfo: [ | ||
| 691 | { | 684 | { |
| 692 | - 'index': 2, | ||
| 693 | - 'optionId': '466', | ||
| 694 | - 'summary': '2', | ||
| 695 | - 'totalVotes': 10 | 685 | + id: 1, |
| 686 | + title: Mock.Random.name(), | ||
| 687 | + coverUrl: handleRandomImage(30, 40) | ||
| 696 | } | 688 | } |
| 697 | ], | 689 | ], |
| 698 | - 'style': 1, | ||
| 699 | - 'title': '测试', | ||
| 700 | - 'voteId': 156 | 690 | + voteInfo: { |
| 691 | + 'endTime': '', | ||
| 692 | + 'options': [ | ||
| 693 | + { | ||
| 694 | + 'index': 1, | ||
| 695 | + 'optionId': '465', | ||
| 696 | + 'summary': '22', | ||
| 697 | + 'totalVotes': 10, | ||
| 698 | + backColor: '#D0021B', | ||
| 699 | + wordColor: '#ffffff' | ||
| 700 | + }, | ||
| 701 | + { | ||
| 702 | + 'index': 2, | ||
| 703 | + 'optionId': '466', | ||
| 704 | + 'summary': '你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好', | ||
| 705 | + 'totalVotes': 3 | ||
| 706 | + } | ||
| 707 | + ], | ||
| 708 | + 'style': 1, | ||
| 709 | + 'title': '测试', | ||
| 710 | + 'voteId': 156 | ||
| 711 | + } | ||
| 701 | } | 712 | } |
| 702 | - } | ||
| 703 | -] | 713 | + ] |
| 714 | +} | ||
| 704 | 715 | ||
| 705 | const mockList = [ | 716 | const mockList = [ |
| 706 | { | 717 | { |
| 707 | url: '/mock/content/zh/c/content/detail', | 718 | url: '/mock/content/zh/c/content/detail', |
| 708 | - data: articleData | 719 | + data: getArticleDetails() |
| 709 | } | 720 | } |
| 710 | ] | 721 | ] |
| 1 | -(function flexible (window, document) { | ||
| 2 | - var docEl = document.documentElement | ||
| 3 | - var dpr = window.devicePixelRatio || 1 | 1 | +var docEl = document.documentElement |
| 2 | +var dpr = window.devicePixelRatio || 1 | ||
| 4 | 3 | ||
| 5 | - function judgTerminals() { | ||
| 6 | - /* 返回当前的用户代理（User Agent）字符串 'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1' */ | ||
| 7 | - const u = navigator.userAgent | ||
| 8 | - const isXiaomi = u.indexOf('XiaoMi') > -1 // 小米手机 | ||
| 9 | - const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 // 其它安卓 | ||
| 10 | - const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios | ||
| 11 | - if (isAndroid) { | ||
| 12 | - return 1 | ||
| 13 | - } else if (isIOS) { | ||
| 14 | - if (isXiaomi) { | ||
| 15 | - return 1 | ||
| 16 | - } else { | ||
| 17 | - return 2 | ||
| 18 | - } | ||
| 19 | - } | 4 | +// adjust body font size |
| 5 | +function setBodyFontSize () { | ||
| 6 | + if (document && document.body) { | ||
| 7 | + document.body.style.fontSize = (12 * dpr) + 'px' | ||
| 20 | } | 8 | } |
| 21 | - | ||
| 22 | - // adjust body font size | ||
| 23 | - function setBodyFontSize () { | ||
| 24 | - if (document.body) { | ||
| 25 | - document.body.style.fontSize = (12 * dpr) + 'px' | ||
| 26 | - } | ||
| 27 | - else { | ||
| 28 | - document.addEventListener('DOMContentLoaded', setBodyFontSize) | ||
| 29 | - } | 9 | + else if (document) { |
| 10 | + document.addEventListener('DOMContentLoaded', setBodyFontSize) | ||
| 30 | } | 11 | } |
| 31 | - setBodyFontSize(); | 12 | +} |
| 32 | 13 | ||
| 33 | - // set 1rem = viewWidth / 10 | ||
| 34 | - function setRemUnit () { | ||
| 35 | - var rem = docEl.clientWidth / 10 | ||
| 36 | - if (judgTerminals() === 1) { | 14 | +// set 1rem = viewWidth / 10 |
| 15 | +function setRemUnit (rate = 10) { | ||
| 16 | + if (docEl) { | ||
| 17 | + let rateNum = typeof rate === 'number' ? rate : 10 | ||
| 18 | + var rem = docEl.clientWidth / rateNum | ||
| 19 | + if (rem > 37.5) rem = docEl.clientWidth / (rateNum + 1) | ||
| 20 | + if (judgTerminal() === 1) { | ||
| 37 | docEl.style.fontSize = rem + 'px' | 21 | docEl.style.fontSize = rem + 'px' |
| 38 | } else { | 22 | } else { |
| 39 | docEl.style.fontSize = 37.5 + 'px' | 23 | docEl.style.fontSize = 37.5 + 'px' |
| 40 | } | 24 | } |
| 41 | } | 25 | } |
| 26 | +} | ||
| 42 | 27 | ||
| 43 | - setRemUnit() | 28 | +window.addEventListener('resize', setRemUnit) |
| 44 | 29 | ||
| 45 | - // reset rem unit on page resize | ||
| 46 | - window.addEventListener('resize', setRemUnit) | ||
| 47 | - window.addEventListener('pageshow', function (e) { | ||
| 48 | - if (e.persisted) { | ||
| 49 | - setRemUnit() | ||
| 50 | - } | ||
| 51 | - }) | 30 | +if (window.config.VUE_BASE_NODE === 'dev' && judgTerminal() === 2) { |
| 31 | + setRemUnit() | ||
| 32 | + setBodyFontSize() | ||
| 33 | +} | ||
| 52 | 34 | ||
| 53 | - // detect 0.5px supports | ||
| 54 | - if (dpr >= 2) { | ||
| 55 | - var fakeBody = document.createElement('body') | ||
| 56 | - var testElement = document.createElement('div') | ||
| 57 | - testElement.style.border = '.5px solid transparent' | ||
| 58 | - fakeBody.appendChild(testElement) | ||
| 59 | - docEl.appendChild(fakeBody) | ||
| 60 | - if (testElement.offsetHeight === 1) { | ||
| 61 | - docEl.classList.add('hairlines') | ||
| 62 | - } | ||
| 63 | - docEl.removeChild(fakeBody) | ||
| 64 | - } | ||
| 65 | -}(window, document)) |
| 1 | function playerVideo(player, events) { | 1 | function playerVideo(player, events) { |
| 2 | - if (hasClass(player.template.$container.parentNode, 'init')) { return } | 2 | + if (!player.options.isGiveWidth) { |
| 3 | + if (hasClass(player.template.$container.parentNode, 'init')) { return } | ||
| 4 | + } | ||
| 3 | player.callBackFun.play() | 5 | player.callBackFun.play() |
| 4 | // 上报 | 6 | // 上报 |
| 5 | /* 视频的宽度 */ | 7 | /* 视频的宽度 */ |
| @@ -15,7 +17,9 @@ function playerVideo(player, events) { | @@ -15,7 +17,9 @@ function playerVideo(player, events) { | ||
| 15 | const videoLandscape = width > height ? '1' : (width < height ? '2' : '') | 17 | const videoLandscape = width > height ? '1' : (width < height ? '2' : '') |
| 16 | const videoUrl = player.options.record.url | 18 | const videoUrl = player.options.record.url |
| 17 | 19 | ||
| 18 | - console.log('视频播放', width, height) | 20 | + if (window.config.VUE_BASE_NODE === 'dev') { |
| 21 | + console.log('视频播放', width, height) | ||
| 22 | + } | ||
| 19 | 23 | ||
| 20 | 24 | ||
| 21 | try { | 25 | try { |
| @@ -31,12 +35,20 @@ function playerVideo(player, events) { | @@ -31,12 +35,20 @@ function playerVideo(player, events) { | ||
| 31 | videoUrl: `${videoUrl}` | 35 | videoUrl: `${videoUrl}` |
| 32 | }, | 36 | }, |
| 33 | res => { | 37 | res => { |
| 34 | - console.log('点击了播放按钮22', res) | ||
| 35 | } | 38 | } |
| 36 | ) | 39 | ) |
| 37 | } catch (e) {} | 40 | } catch (e) {} |
| 38 | } | 41 | } |
| 39 | 42 | ||
| 43 | +function clickPoster(player, events) { | ||
| 44 | + events.proxy(player.template.$cover, 'click', (e) => { | ||
| 45 | + e.stopImmediatePropagation() | ||
| 46 | + e.stopPropagation() | ||
| 47 | + | ||
| 48 | + playerVideo(player, events) | ||
| 49 | + }) | ||
| 50 | +} | ||
| 51 | + | ||
| 40 | function clickContainer(player, events) { | 52 | function clickContainer(player, events) { |
| 41 | if (player.player) { | 53 | if (player.player) { |
| 42 | events.proxy(player.template.$video, 'click', (e) => { | 54 | events.proxy(player.template.$video, 'click', (e) => { |
| @@ -15,6 +15,7 @@ class Events { | @@ -15,6 +15,7 @@ class Events { | ||
| 15 | this.dragFixInt = new DragFixInt(player, this) | 15 | this.dragFixInt = new DragFixInt(player, this) |
| 16 | 16 | ||
| 17 | this.addOtherEvent() | 17 | this.addOtherEvent() |
| 18 | + clickPoster(player, this) | ||
| 18 | clickContainer(player, this) | 19 | clickContainer(player, this) |
| 19 | clickErrorBlock(player, this) | 20 | clickErrorBlock(player, this) |
| 20 | clickErrorBtn(player, this) | 21 | clickErrorBtn(player, this) |
| @@ -45,13 +46,14 @@ class Events { | @@ -45,13 +46,14 @@ class Events { | ||
| 45 | 46 | ||
| 46 | this.initVideo = true | 47 | this.initVideo = true |
| 47 | if (window.config.VUE_BASE_NODE !== 'dev') { | 48 | if (window.config.VUE_BASE_NODE !== 'dev') { |
| 48 | - this.player.template.$cover.style.backgroundSize = this.player.options.record.poster ? 'contain' : `3.52rem 1.6rem` | 49 | + // this.player.template.$cover.style.backgroundSize = this.player.options.record.poster ? 'contain' : `3.52rem 1.6rem` |
| 49 | } | 50 | } |
| 50 | this.layerDom.toggleCommonLayer(this.player.template.$loading, false) | 51 | this.layerDom.toggleCommonLayer(this.player.template.$loading, false) |
| 51 | 52 | ||
| 52 | this.player.template.$bottomDuration.innerHTML = `${formatDuraton(this.player.player.getDuration())}` | 53 | this.player.template.$bottomDuration.innerHTML = `${formatDuraton(this.player.player.getDuration())}` |
| 53 | 54 | ||
| 54 | if (hasClass(this.player.template.$container.parentNode, 'init')) { | 55 | if (hasClass(this.player.template.$container.parentNode, 'init')) { |
| 56 | + this.player.template.$cover.querySelector('.player-state-icon').style.display = 'none' | ||
| 55 | this.layerDom.toggleLayerPause(true) | 57 | this.layerDom.toggleLayerPause(true) |
| 56 | 58 | ||
| 57 | this.player.player.pause() | 59 | this.player.player.pause() |
| @@ -63,128 +65,64 @@ class Events { | @@ -63,128 +65,64 @@ class Events { | ||
| 63 | } else { | 65 | } else { |
| 64 | this.clearSetTimeOut() | 66 | this.clearSetTimeOut() |
| 65 | this.layerDom.toggleBottomPlayState(true) | 67 | this.layerDom.toggleBottomPlayState(true) |
| 68 | + this.player.template.$cover.querySelector('.player-state-icon').style.display = 'block' | ||
| 66 | this.layerDom.toggleCommonLayer(this.player.template.$layerState, false) | 69 | this.layerDom.toggleCommonLayer(this.player.template.$layerState, false) |
| 67 | } | 70 | } |
| 68 | } | 71 | } |
| 69 | 72 | ||
| 73 | + initEventPlayer(posterError = true) { | ||
| 74 | + this.initPlayer() | ||
| 75 | + removeClass(this.player.template.$container.parentNode, 'init') | ||
| 76 | + if (!this.player.originPoster || !posterError) { | ||
| 77 | + this.layerDom.toggleCommonLayer(this.player.template.$cover, false) | ||
| 78 | + } | ||
| 79 | + } | ||
| 80 | + | ||
| 70 | async addOtherEvent() { | 81 | async addOtherEvent() { |
| 71 | - this.player.player.on('ready', () => { | ||
| 72 | - const video = this.player.player ? this.player.player.tag : null | ||
| 73 | - const videoWidth = video.videoWidth || 0 | ||
| 74 | - const videoHeight = video.videoHeight || 0 | ||
| 75 | - this.player.callBackFun.ready(videoWidth, videoHeight, (height) => { | ||
| 76 | - if (!this.player.options.isGiveWidth) { | ||
| 77 | - this.player.options.videoOptions.height = height | ||
| 78 | - this.player.options.videoOptions.originWidth = videoWidth | ||
| 79 | - this.player.options.videoOptions.originHeight = videoHeight | 82 | + try { |
| 83 | + const _that = this | ||
| 84 | + if (this.player.options.isGiveWidth && this.player.previewPoster) { | ||
| 85 | + this.player.player.pause() | ||
| 86 | + } else { | ||
| 87 | + this.player.player.on('ready', () => { | ||
| 88 | + setTimeout(() => { | ||
| 89 | + this.player.player.pause() | ||
| 90 | + }) | ||
| 91 | + if (!this.player.options.isGiveWidth) { | ||
| 92 | + const video = this.player.player ? this.player.player.tag : null | ||
| 93 | + const videoWidth = video.videoWidth || 0 | ||
| 94 | + const videoHeight = video.videoHeight || 0 | ||
| 95 | + this.player.callBackFun.ready(videoWidth, videoHeight, (height) => { | ||
| 96 | + this.player.options.videoOptions.height = height | ||
| 97 | + this.player.options.videoOptions.originWidth = videoWidth | ||
| 98 | + this.player.options.videoOptions.originHeight = videoHeight | ||
| 99 | + }) | ||
| 100 | + | ||
| 101 | + this.initEventPlayer() | ||
| 102 | + } | ||
| 103 | + }) | ||
| 104 | + } | ||
| 105 | + | ||
| 106 | + | ||
| 107 | + const imageEl = this.player.container.querySelector('.player-cover > img') | ||
| 108 | + imageEl.src = this.player.previewPoster | ||
| 109 | + | ||
| 110 | + imageEl.onload = function () { | ||
| 111 | + imageEl.style.display = 'block' | ||
| 112 | + _that.player.container.querySelector('.player-cover').style.backgroundImage = '' | ||
| 113 | + _that.player.container.querySelector('.player-cover').style.backgroundSize = 'cover' | ||
| 114 | + | ||
| 115 | + if (_that.player.options.isGiveWidth) { | ||
| 116 | + _that.initEventPlayer() | ||
| 80 | } | 117 | } |
| 81 | - }) | ||
| 82 | - this.player.template.$bottomDuration.innerHTML = `${formatDuraton(this.player.player.getDuration())}` | ||
| 83 | - this.initPlayer() | ||
| 84 | - removeClass(this.player.template.$container.parentNode, 'init') | ||
| 85 | - if (!this.player.originPoster) { | ||
| 86 | - this.layerDom.toggleCommonLayer(this.player.template.$cover, false) | ||
| 87 | } | 118 | } |
| 88 | - }) | ||
| 89 | - | ||
| 90 | - // this.proxy(this.player.template.$video, 'play', () => {}) | ||
| 91 | - // | ||
| 92 | - // this.proxy(this.player.template.$video, 'pause', () => { | ||
| 93 | - // this.player.template.$video.pause() | ||
| 94 | - // this.layerDom.toggleBottomPlayState(false) | ||
| 95 | - // }) | ||
| 96 | - // | ||
| 97 | - // this.proxy(this.player.template.$video, 'canplay', () => {}) | ||
| 98 | - // | ||
| 99 | - // this.proxy(this.player.template.$video, 'playing', () => { | ||
| 100 | - // this.layerDom.toggleCommonLayer(this.player.template.$loading, false) | ||
| 101 | - // }) | ||
| 102 | - // | ||
| 103 | - // this.proxy(this.player.template.$video, 'waiting', () => { | ||
| 104 | - // this.layerDom.toggleCommonLayer(this.player.template.$loading, true) | ||
| 105 | - // }) | ||
| 106 | - | ||
| 107 | - // this.proxy(this.player.template.$video, 'progress', () => { | ||
| 108 | - // const buffered = timeRangeToArray(this.player.template.$video.buffered) | ||
| 109 | - // const endBuffer = buffered.length > 0 ? buffered[buffered.length - 1][1] : 0 | ||
| 110 | - // const precent = endBuffer / this.player.player.getDuration() * 100 | ||
| 111 | - // this.player.template.$bottomBuffer.style.width = `${precent}%` | ||
| 112 | - // this.player.template.$miniProgressBuffer.style.width = `${precent}%` | ||
| 113 | - // }) | ||
| 114 | - // | ||
| 115 | - // this.proxy(this.player.template.$video, 'loadeddata', () => { | ||
| 116 | - // this.layerDom.toggleCommonLayer(this.player.template.$loading, false) | ||
| 117 | - // }) | ||
| 118 | - // | ||
| 119 | - // this.proxy(this.player.template.$video, 'timeupdate', () => { | ||
| 120 | - // if (this.isDragging) return | ||
| 121 | - // const precent = (this.player.player.getCurrentTime() / this.player.player.getDuration()) * 100 | ||
| 122 | - // this.player.template.$bottomCurrent.innerHTML = `${formatDuraton(this.player.player.getCurrentTime())}` | ||
| 123 | - // this.player.template.$bottomLoaded.style.width = `${precent}%` | ||
| 124 | - // this.player.template.$miniProgressLoaded.style.width = `${precent}%` | ||
| 125 | - // | ||
| 126 | - // if ((this.player.template.$video.currentTime >= this.player.template.$video.duration) && this.player.template.$video.currentTime > 0) { | ||
| 127 | - // if (this.isDragging) return | ||
| 128 | - // this.playerEnd = true | ||
| 129 | - // | ||
| 130 | - // this.player.template.$bottomLoaded.style.width = `100%%` | ||
| 131 | - // this.player.template.$miniProgressLoaded.style.width = `100%%` | ||
| 132 | - // | ||
| 133 | - // if (this.dragFixed) { | ||
| 134 | - // this.player.player.pause() | ||
| 135 | - // this.layerDom.toggleCommonLayer(this.player.template.$miniLayer, true) | ||
| 136 | - // | ||
| 137 | - // return | ||
| 138 | - // } else { | ||
| 139 | - // this.clearSetTimeOut() | ||
| 140 | - // this.layerDom.toggleBottomPlayState(false) | ||
| 141 | - // if (this.player.player.fullscreenService.getIsFullScreen()) { | ||
| 142 | - // const bg = this.player.template.$container.getAttribute('old-bg') | ||
| 143 | - // this.player.template.$container.setAttribute('old-bg', '') | ||
| 144 | - // this.player.template.$container.style.backgroundColor = bg | ||
| 145 | - // this.player.player.fullscreenService.cancelFullScreen() | ||
| 146 | - // this.player.template.$bottomFullScreen.setAttribute('src', './image/player/fullScreen.svg') | ||
| 147 | - // } | ||
| 148 | - // this.layerDom.toggleCommonLayer(this.player.template.$replay, true) | ||
| 149 | - // this.layerDom.tooglePlayerBottom(false) | ||
| 150 | - // } | ||
| 151 | - // } | ||
| 152 | - // }) | ||
| 153 | - // | ||
| 154 | - // this.player.player.on('requestFullScreen', () => { | ||
| 155 | - // if (judgTerminal() === 1) { | ||
| 156 | - // this.player.template.$bottomFullScreen.setAttribute('src', './image/player/eFullScreen.svg') | ||
| 157 | - // } | ||
| 158 | - // | ||
| 159 | - // try { | ||
| 160 | - // sendNative('jsCall_currentPageOperate', { | ||
| 161 | - // operateType: '6' | ||
| 162 | - // }, () => {}) | ||
| 163 | - // } catch (e) {} | ||
| 164 | - // }) | ||
| 165 | - // | ||
| 166 | - // this.player.player.on('cancelFullScreen', () => { | ||
| 167 | - // this.player.template.$bottomFullScreen.setAttribute('src', './image/player/fullScreen.svg') | ||
| 168 | - // | ||
| 169 | - // try { | ||
| 170 | - // sendNative('jsCall_currentPageOperate', { | ||
| 171 | - // operateType: '7' | ||
| 172 | - // }, () => {}) | ||
| 173 | - // } catch (e) {} | ||
| 174 | - // }) | ||
| 175 | - | ||
| 176 | - this.player.player.on('error', () => { | ||
| 177 | - // if (this.player.callBackFun.pointError) this.player.callBackFun.pointError() | ||
| 178 | - // | ||
| 179 | - // if (!this.dragFixed) { | ||
| 180 | - // this.layerDom.toggleCommonLayer(this.player.template.$loading, false) | ||
| 181 | - // this.layerDom.toggleCommonLayer(this.player.template.$cover, false) | ||
| 182 | - // this.layerDom.toggleLayerPause(false) | ||
| 183 | - // this.layerDom.toggleCommonLayer(this.player.template.$error, true) | ||
| 184 | - // } else { | ||
| 185 | - // this.player.callBackFun.closeFixModal(this.player.options.record.id) | ||
| 186 | - // } | ||
| 187 | - }) | 119 | + |
| 120 | + imageEl.onerror = function () { | ||
| 121 | + _that.player.container.querySelector('video').setAttribute('poster', '') | ||
| 122 | + _that.initEventPlayer(false) | ||
| 123 | + } | ||
| 124 | + } catch (e) { | ||
| 125 | + } | ||
| 188 | } | 126 | } |
| 189 | 127 | ||
| 190 | proxy(target, name, callback, option = {}) { | 128 | proxy(target, name, callback, option = {}) { |
| @@ -10,6 +10,7 @@ class videoEnPlayer extends Emitter { | @@ -10,6 +10,7 @@ class videoEnPlayer extends Emitter { | ||
| 10 | this.id = ++id | 10 | this.id = ++id |
| 11 | this.player = null | 11 | this.player = null |
| 12 | this.poster = '' | 12 | this.poster = '' |
| 13 | + this.previewPoster = '' | ||
| 13 | this.originPoster = '' | 14 | this.originPoster = '' |
| 14 | this.isDestroy = false | 15 | this.isDestroy = false |
| 15 | this.container = document.querySelector(`#video-player-${this.options.key}`) | 16 | this.container = document.querySelector(`#video-player-${this.options.key}`) |
| @@ -32,13 +33,30 @@ class videoEnPlayer extends Emitter { | @@ -32,13 +33,30 @@ class videoEnPlayer extends Emitter { | ||
| 32 | const domId = this.container.getAttribute('id') | 33 | const domId = this.container.getAttribute('id') |
| 33 | const url = this.options.record.url | 34 | const url = this.options.record.url |
| 34 | const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true' | 35 | const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true' |
| 35 | - this.poster = this.options.record.poster || (isDark ? './image/placeHoldVlogo.svg' : './image/placeholdLogo.svg') | ||
| 36 | this.originPoster = this.options.record.poster | 36 | this.originPoster = this.options.record.poster |
| 37 | + this.previewPoster = this.options.record.poster | ||
| 38 | + | ||
| 39 | + const cdnUrl = [ | ||
| 40 | + 'jdcdnout.aikan.pdnews.cn', | ||
| 41 | + 'sitjdcdnout.aikan.pdnews.cn', | ||
| 42 | + 'uatjdcdnout.aikan.pdnews.cn' | ||
| 43 | + ] | ||
| 44 | + | ||
| 45 | + if (!this.previewPoster && cdnUrl.some(el => url.includes(el))) { | ||
| 46 | + // this.originPoster = `${url}?x-oss-process=video/snapshot,t_0,f_jpg` | ||
| 47 | + // this.previewPoster = `${url}?x-oss-process=video/snapshot,t_0,f_jpg` | ||
| 48 | + } | ||
| 49 | + | ||
| 50 | + if (this.previewPoster) { | ||
| 51 | + this.originPoster = handleImageSrc(this.originPoster, 2) | ||
| 52 | + this.previewPoster = handleImageSrc(this.previewPoster, 2) | ||
| 53 | + } | ||
| 54 | + | ||
| 55 | + this.poster = isDark ? './image/placeHoldVlogo.svg' : './image/placeholdLogo.svg' | ||
| 37 | 56 | ||
| 38 | this.player = new Aliplayer({ | 57 | this.player = new Aliplayer({ |
| 39 | id: domId, | 58 | id: domId, |
| 40 | - cover: this.poster, | ||
| 41 | - autoplay: true, | 59 | + autoplay: this.options.isGiveWidth, |
| 42 | x5_type: true, | 60 | x5_type: true, |
| 43 | source: url | 61 | source: url |
| 44 | }) | 62 | }) |
| @@ -12,7 +12,7 @@ function createPlayerNetwork() { | @@ -12,7 +12,7 @@ function createPlayerNetwork() { | ||
| 12 | 12 | ||
| 13 | function createPlayerPoster() { | 13 | function createPlayerPoster() { |
| 14 | const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true' | 14 | const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true' |
| 15 | - return `<div class="player-cover" style="background: ${isDark ? '#000' : ''}"><img class="player-cover-icon" src="./image/puse.svg" alt=""></div>` | 15 | + return `<div class="player-cover" style="background: ${isDark ? '#000' : ''}"><img src="" alt=""><div class="player-state-icon"><img class="player-state-image" src="./image/video/videoPlay.svg" alt=""></div></div>` |
| 16 | } | 16 | } |
| 17 | 17 | ||
| 18 | function createPlayerError() { | 18 | function createPlayerError() { |
| @@ -36,7 +36,7 @@ function createReplay() { | @@ -36,7 +36,7 @@ function createReplay() { | ||
| 36 | } | 36 | } |
| 37 | 37 | ||
| 38 | function createMiniLayer() { | 38 | function createMiniLayer() { |
| 39 | - return `<div class="player-mini-layer none"><img src="./image/puse.svg" alt=""></div>` | 39 | + return `<div class="player-mini-layer none"><img src="" alt=""></div>` |
| 40 | } | 40 | } |
| 41 | 41 | ||
| 42 | function createMiniClose() { | 42 | function createMiniClose() { |
| @@ -69,11 +69,13 @@ class Template { | @@ -69,11 +69,13 @@ class Template { | ||
| 69 | 69 | ||
| 70 | this.playerStateBg = this.query('.player-state-bg', this.$container) | 70 | this.playerStateBg = this.query('.player-state-bg', this.$container) |
| 71 | 71 | ||
| 72 | - this.$video.setAttribute('poster', this.player.options.record.poster) | ||
| 73 | - | ||
| 74 | // 此处初始化播放器效果 | 72 | // 此处初始化播放器效果 |
| 75 | this.$cover.style.backgroundImage = `url('${this.player.poster}')` | 73 | this.$cover.style.backgroundImage = `url('${this.player.poster}')` |
| 76 | - this.$cover.style.backgroundSize = this.player.options.record.poster ? 'contain' : `3.52rem 1.6rem` | 74 | + this.$cover.style.backgroundSize = `3.52rem 1.6rem` |
| 75 | + | ||
| 76 | + if (!this.player.previewPoster) { | ||
| 77 | + this.$video.setAttribute('poster', this.player.previewPoster) | ||
| 78 | + } | ||
| 77 | removeClass(this.$cover, 'none') | 79 | removeClass(this.$cover, 'none') |
| 78 | } | 80 | } |
| 79 | 81 |
| @@ -24,6 +24,9 @@ function errorBlock(img, str, retry) { | @@ -24,6 +24,9 @@ function errorBlock(img, str, retry) { | ||
| 24 | mobileApp(false) | 24 | mobileApp(false) |
| 25 | if (retry) { | 25 | if (retry) { |
| 26 | document.querySelector('.error-block-retry-btn').style.display = 'block' | 26 | document.querySelector('.error-block-retry-btn').style.display = 'block' |
| 27 | + if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 28 | + document.querySelector('.error-block-reload-btn').style.display = 'block' | ||
| 29 | + } | ||
| 27 | } else { | 30 | } else { |
| 28 | document.querySelector('.error-block-retry-btn').style.display = 'none' | 31 | document.querySelector('.error-block-retry-btn').style.display = 'none' |
| 29 | } | 32 | } |
| @@ -43,7 +46,6 @@ function mobileLoadingBlock(status) { | @@ -43,7 +46,6 @@ function mobileLoadingBlock(status) { | ||
| 43 | 46 | ||
| 44 | function mobileApp(status) { | 47 | function mobileApp(status) { |
| 45 | if (status) { | 48 | if (status) { |
| 46 | - mobileLoadingBlock(false) | ||
| 47 | document.querySelector('.gx-mobile').classList.remove('fixed') | 49 | document.querySelector('.gx-mobile').classList.remove('fixed') |
| 48 | document.querySelector('.gx-mobile').classList.add('active') | 50 | document.querySelector('.gx-mobile').classList.add('active') |
| 49 | } else { | 51 | } else { |
| @@ -16,7 +16,6 @@ class DomUtil { | @@ -16,7 +16,6 @@ class DomUtil { | ||
| 16 | 16 | ||
| 17 | handleArticleStr(str, nextCallback, details, netstutas, loadlmageOnlyWifiSwitch) { | 17 | handleArticleStr(str, nextCallback, details, netstutas, loadlmageOnlyWifiSwitch) { |
| 18 | if (!str) return '' | 18 | if (!str) return '' |
| 19 | - | ||
| 20 | let padding = getComputedStyle(document.querySelector('.gx-mobile')).paddingLeft | 19 | let padding = getComputedStyle(document.querySelector('.gx-mobile')).paddingLeft |
| 21 | if (padding) { | 20 | if (padding) { |
| 22 | padding = padding.split('px')[0] | 21 | padding = padding.split('px')[0] |
| @@ -27,11 +26,19 @@ class DomUtil { | @@ -27,11 +26,19 @@ class DomUtil { | ||
| 27 | } | 26 | } |
| 28 | 27 | ||
| 29 | const contentWidth = document.querySelector('body').getBoundingClientRect().width - padding * 2 | 28 | const contentWidth = document.querySelector('body').getBoundingClientRect().width - padding * 2 |
| 30 | - | ||
| 31 | document.querySelector('#newsContent').innerHTML = str | 29 | document.querySelector('#newsContent').innerHTML = str |
| 32 | - //找str中的元素，class中包含audio-block的nodelist | ||
| 33 | - const audioDom = document.querySelectorAll('#newsContent [class^="audio-block"]') | ||
| 34 | 30 | ||
| 31 | + const audioOringin = document.querySelectorAll('#newsContent audio') | ||
| 32 | + for (let i = 0; i < audioOringin.length; i++) { | ||
| 33 | + const audioEl = audioOringin[i] | ||
| 34 | + | ||
| 35 | + const src = audioEl.getAttribute('src') | ||
| 36 | + if (src) { | ||
| 37 | + audioEl.outerHTML = `<div class="audio-block_${getRandomNumber().uuid(10)}">${audioEl.outerHTML}</div>` | ||
| 38 | + } | ||
| 39 | + } | ||
| 40 | + | ||
| 41 | + const audioDom = document.querySelectorAll('#newsContent [class^="audio-block"]') | ||
| 35 | const linkCardDom = document.querySelectorAll('#newsContent .linkcard') | 42 | const linkCardDom = document.querySelectorAll('#newsContent .linkcard') |
| 36 | const swiperDom = document.querySelectorAll(`#newsContent section[data-title='轮播图片']`) | 43 | const swiperDom = document.querySelectorAll(`#newsContent section[data-title='轮播图片']`) |
| 37 | const swiper2Dom = document.querySelectorAll(`#newsContent section[data-title='图片海报']`) | 44 | const swiper2Dom = document.querySelectorAll(`#newsContent section[data-title='图片海报']`) |
| @@ -40,6 +47,9 @@ class DomUtil { | @@ -40,6 +47,9 @@ class DomUtil { | ||
| 40 | const authorDom = document.querySelectorAll(`#newsContent section[data-title='作者头像框']`) | 47 | const authorDom = document.querySelectorAll(`#newsContent section[data-title='作者头像框']`) |
| 41 | const imgPut = document.querySelectorAll('#newsContent .edit_img_input') | 48 | const imgPut = document.querySelectorAll('#newsContent .edit_img_input') |
| 42 | const imgPut2 = document.querySelectorAll('#newsContent .imageCaption') | 49 | const imgPut2 = document.querySelectorAll('#newsContent .imageCaption') |
| 50 | + const imgPut3 = document.querySelectorAll('#newsContent .bjh-image-caption') | ||
| 51 | + const imgPut4 = document.querySelectorAll('#newsContent .rmrb-caption-img2') | ||
| 52 | + const imgPut5 = document.querySelectorAll('#newsContent .rmrb-caption-img') | ||
| 43 | 53 | ||
| 44 | const swiperText = document.querySelectorAll(`#newsContent section[data-title='文字滚动']`) | 54 | const swiperText = document.querySelectorAll(`#newsContent section[data-title='文字滚动']`) |
| 45 | const tableDom = document.querySelectorAll(`#newsContent section[data-title='基本表格']`) | 55 | const tableDom = document.querySelectorAll(`#newsContent section[data-title='基本表格']`) |
| @@ -56,8 +66,13 @@ class DomUtil { | @@ -56,8 +66,13 @@ class DomUtil { | ||
| 56 | const textSplit5Dom = document.querySelectorAll(`#newsContent section[data-title='分割线-5']>div`) | 66 | const textSplit5Dom = document.querySelectorAll(`#newsContent section[data-title='分割线-5']>div`) |
| 57 | 67 | ||
| 58 | const tableAllDom = document.querySelectorAll(`#newsContent table`) | 68 | const tableAllDom = document.querySelectorAll(`#newsContent table`) |
| 69 | + // const brDom = [] | ||
| 59 | const brDom = document.querySelectorAll(`#newsContent p > br`) | 70 | const brDom = document.querySelectorAll(`#newsContent p > br`) |
| 60 | 71 | ||
| 72 | + if (swiperDom.length > 0 || swiper2Dom.length > 0) { | ||
| 73 | + nextCallback(5) | ||
| 74 | + } | ||
| 75 | + | ||
| 61 | // 处理所有表格属性 | 76 | // 处理所有表格属性 |
| 62 | for (let i = 0; i < tableAllDom.length; i++) { | 77 | for (let i = 0; i < tableAllDom.length; i++) { |
| 63 | tableAllDom[i].setAttribute('width', '') | 78 | tableAllDom[i].setAttribute('width', '') |
| @@ -93,6 +108,7 @@ class DomUtil { | @@ -93,6 +108,7 @@ class DomUtil { | ||
| 93 | ? imgElList[j].getAttribute('data-src') | 108 | ? imgElList[j].getAttribute('data-src') |
| 94 | : imgElList[j].getAttribute('src') | 109 | : imgElList[j].getAttribute('src') |
| 95 | imgElList[j].classList.add('not-preview-image') | 110 | imgElList[j].classList.add('not-preview-image') |
| 111 | + imgElList[j].classList.add('local-image') | ||
| 96 | } | 112 | } |
| 97 | 113 | ||
| 98 | if (textSplit5Dom[i].querySelector('div#sign')) { | 114 | if (textSplit5Dom[i].querySelector('div#sign')) { |
| @@ -106,8 +122,16 @@ class DomUtil { | @@ -106,8 +122,16 @@ class DomUtil { | ||
| 106 | if (brDom[i].parentNode) { | 122 | if (brDom[i].parentNode) { |
| 107 | if (brDom[i].parentNode.childNodes && brDom[i].parentNode.childNodes.length === 1) { | 123 | if (brDom[i].parentNode.childNodes && brDom[i].parentNode.childNodes.length === 1) { |
| 108 | if (brDom[i].parentNode.childNodes[0].tagName === 'BR') { | 124 | if (brDom[i].parentNode.childNodes[0].tagName === 'BR') { |
| 109 | - brDom[i].parentNode.setAttribute('style', 'margin-bottom: 0 !important;height: 0 !important;') | 125 | + brDom[i].parentNode.remove() |
| 110 | } | 126 | } |
| 127 | + } else if (brDom[i].parentNode && brDom[i].parentNode.childNodes) { | ||
| 128 | + let isAllBr = 0 | ||
| 129 | + brDom[i].parentNode.childNodes.forEach(el => { | ||
| 130 | + if (el.tagName === 'BR') { | ||
| 131 | + isAllBr += 1 | ||
| 132 | + } | ||
| 133 | + }) | ||
| 134 | + if (isAllBr === brDom[i].parentNode.childNodes.length) brDom[i].parentNode.remove() | ||
| 111 | } | 135 | } |
| 112 | } | 136 | } |
| 113 | } | 137 | } |
| @@ -136,7 +160,7 @@ class DomUtil { | @@ -136,7 +160,7 @@ class DomUtil { | ||
| 136 | } | 160 | } |
| 137 | el.style.borderLeftColor = borderColor | 161 | el.style.borderLeftColor = borderColor |
| 138 | el.style.backgroundColor = bgHex | 162 | el.style.backgroundColor = bgHex |
| 139 | - el.innerHTML = `<div class="en-text-1-title">${title}<img data-src="./image/textDesIcon.svg" class="not-preview-image" src="./image/textDesIcon.svg" alt=""></div>` | 163 | + el.innerHTML = `<div class="en-text-1-title">${title}<img data-src="./image/textDesIcon.svg" class="not-preview-image local-image" src="./image/textDesIcon.svg" alt=""></div>` |
| 140 | text1Dom[i].before(el) | 164 | text1Dom[i].before(el) |
| 141 | text1Dom[i].remove() | 165 | text1Dom[i].remove() |
| 142 | } | 166 | } |
| @@ -209,8 +233,7 @@ class DomUtil { | @@ -209,8 +233,7 @@ class DomUtil { | ||
| 209 | if (borderEl) { | 233 | if (borderEl) { |
| 210 | bgHex = borderEl.style.backgroundColor | 234 | bgHex = borderEl.style.backgroundColor |
| 211 | } | 235 | } |
| 212 | - el.style.backgroundColor = bgHex | ||
| 213 | - el.innerHTML = `<div class="en-text-4-title droidSerif-bold" style="color: ${titleColor}">${title}</div><div class="en-text-4-end" style="background: ${bgHex}"></div>` | 236 | + el.innerHTML = `<div class="en-text-4-block" style="background-color: ${bgHex}"><div class="en-text-4-title droidSerif-bold" style="color: ${titleColor}">${title}</div><div class="en-text-4-end" style="background: ${bgHex}"></div></div>` |
| 214 | text4Dom[i].before(el) | 237 | text4Dom[i].before(el) |
| 215 | text4Dom[i].remove() | 238 | text4Dom[i].remove() |
| 216 | } | 239 | } |
| @@ -278,15 +301,58 @@ class DomUtil { | @@ -278,15 +301,58 @@ class DomUtil { | ||
| 278 | if (imgEl) { | 301 | if (imgEl) { |
| 279 | imgSrc = imgEl.getAttribute('src') || imgEl.getAttribute('data-src') | 302 | imgSrc = imgEl.getAttribute('src') || imgEl.getAttribute('data-src') |
| 280 | } | 303 | } |
| 281 | - el.innerHTML = `<div class="scroll-text-left"><img class="not-preview-image" data-src="${imgSrc || './image/scrollText.svg'}" src="${imgSrc || './image/scrollText.svg'}" alt=""></div><div class="swiper-txet">${text}</div>` | 304 | + el.innerHTML = `<div class="scroll-text-left"><img class="not-preview-image local-image" data-src="${imgSrc || './image/scrollText.svg'}" src="${imgSrc || './image/scrollText.svg'}" alt=""></div><div class="swiper-txet">${text}</div>` |
| 282 | swiperText[i].before(el) | 305 | swiperText[i].before(el) |
| 283 | swiperText[i].remove() | 306 | swiperText[i].remove() |
| 284 | } | 307 | } |
| 285 | 308 | ||
| 309 | + // 处理图注3 | ||
| 310 | + for (let i = 0; i < imgPut3.length; i++) { | ||
| 311 | + const el = document.createElement('div') | ||
| 312 | + el.innerText = imgPut3[i] ? imgPut3[i].textContent || '' : '' | ||
| 313 | + const align = imgPut3[i].style.textAlign | ||
| 314 | + if (align) { | ||
| 315 | + el.style.textAlign = align | ||
| 316 | + } | ||
| 317 | + el.classList.add('rmrb-caption-img2') | ||
| 318 | + imgPut3[i].before(el) | ||
| 319 | + imgPut3[i].remove() | ||
| 320 | + } | ||
| 321 | + | ||
| 322 | + // 处理图注4 | ||
| 323 | + for (let i = 0; i < imgPut4.length; i++) { | ||
| 324 | + const el = document.createElement('div') | ||
| 325 | + el.innerText = imgPut4[i] ? imgPut4[i].textContent || '' : '' | ||
| 326 | + const align = imgPut4[i].style.textAlign | ||
| 327 | + if (align) { | ||
| 328 | + el.style.textAlign = align | ||
| 329 | + } | ||
| 330 | + el.classList.add('rmrb-caption-img2') | ||
| 331 | + imgPut4[i].before(el) | ||
| 332 | + imgPut4[i].remove() | ||
| 333 | + } | ||
| 334 | + | ||
| 335 | + // 处理图注5 | ||
| 336 | + for (let i = 0; i < imgPut5.length; i++) { | ||
| 337 | + const el = document.createElement('div') | ||
| 338 | + el.innerText = imgPut5[i] ? imgPut5[i].textContent || '' : '' | ||
| 339 | + const align = imgPut5[i].style.textAlign | ||
| 340 | + if (align) { | ||
| 341 | + el.style.textAlign = align | ||
| 342 | + } | ||
| 343 | + el.classList.add('rmrb-caption-img2') | ||
| 344 | + imgPut5[i].before(el) | ||
| 345 | + imgPut5[i].remove() | ||
| 346 | + } | ||
| 347 | + | ||
| 286 | // 处理图注 | 348 | // 处理图注 |
| 287 | for (let i = 0; i < imgPut.length; i++) { | 349 | for (let i = 0; i < imgPut.length; i++) { |
| 288 | const el = document.createElement('div') | 350 | const el = document.createElement('div') |
| 289 | el.innerText = imgPut[i] ? imgPut[i].textContent || '' : '' | 351 | el.innerText = imgPut[i] ? imgPut[i].textContent || '' : '' |
| 352 | + const align = imgPut[i].style.textAlign | ||
| 353 | + if (align) { | ||
| 354 | + el.style.textAlign = align | ||
| 355 | + } | ||
| 290 | el.classList.add('rmrb-caption-img') | 356 | el.classList.add('rmrb-caption-img') |
| 291 | imgPut[i].before(el) | 357 | imgPut[i].before(el) |
| 292 | imgPut[i].remove() | 358 | imgPut[i].remove() |
| @@ -298,6 +364,10 @@ class DomUtil { | @@ -298,6 +364,10 @@ class DomUtil { | ||
| 298 | el.innerText = imgPut2[i] ? imgPut2[i].querySelector('.title') | 364 | el.innerText = imgPut2[i] ? imgPut2[i].querySelector('.title') |
| 299 | ? imgPut2[i].querySelector('.title').textContent || '' | 365 | ? imgPut2[i].querySelector('.title').textContent || '' |
| 300 | : '' : '' | 366 | : '' : '' |
| 367 | + const align = imgPut2[i].style.textAlign | ||
| 368 | + if (align) { | ||
| 369 | + el.style.textAlign = align | ||
| 370 | + } | ||
| 301 | el.classList.add('rmrb-caption-img2') | 371 | el.classList.add('rmrb-caption-img2') |
| 302 | imgPut2[i].before(el) | 372 | imgPut2[i].before(el) |
| 303 | imgPut2[i].remove() | 373 | imgPut2[i].remove() |
| @@ -313,6 +383,7 @@ class DomUtil { | @@ -313,6 +383,7 @@ class DomUtil { | ||
| 313 | : imageElList[j].getAttribute('src') | 383 | : imageElList[j].getAttribute('src') |
| 314 | imageElList[j].style.objectFit = 'cover' | 384 | imageElList[j].style.objectFit = 'cover' |
| 315 | imageElList[j].classList.add('not-preview-image') | 385 | imageElList[j].classList.add('not-preview-image') |
| 386 | + imageElList[j].classList.add('local-image') | ||
| 316 | } | 387 | } |
| 317 | } | 388 | } |
| 318 | 389 | ||
| @@ -325,6 +396,7 @@ class DomUtil { | @@ -325,6 +396,7 @@ class DomUtil { | ||
| 325 | : imageElList[j].getAttribute('src') | 396 | : imageElList[j].getAttribute('src') |
| 326 | imageElList[j].style.objectFit = 'cover' | 397 | imageElList[j].style.objectFit = 'cover' |
| 327 | imageElList[j].classList.add('not-preview-image') | 398 | imageElList[j].classList.add('not-preview-image') |
| 399 | + imageElList[j].classList.add('local-image') | ||
| 328 | } | 400 | } |
| 329 | } | 401 | } |
| 330 | 402 | ||
| @@ -337,6 +409,7 @@ class DomUtil { | @@ -337,6 +409,7 @@ class DomUtil { | ||
| 337 | ? imageElList[j].getAttribute('data-src') | 409 | ? imageElList[j].getAttribute('data-src') |
| 338 | : imageElList[j].getAttribute('src') | 410 | : imageElList[j].getAttribute('src') |
| 339 | imageElList[j].classList.add('not-preview-image') | 411 | imageElList[j].classList.add('not-preview-image') |
| 412 | + imageElList[j].classList.add('local-image') | ||
| 340 | } | 413 | } |
| 341 | } | 414 | } |
| 342 | 415 | ||
| @@ -370,7 +443,7 @@ class DomUtil { | @@ -370,7 +443,7 @@ class DomUtil { | ||
| 370 | let html = '<div class="swiper-wrapper">' | 443 | let html = '<div class="swiper-wrapper">' |
| 371 | 444 | ||
| 372 | urlList.forEach(el => { | 445 | urlList.forEach(el => { |
| 373 | - html += `<div class="swiper-slide"><img data-src="${el}" class="not-preview-image" src="${el}" alt=""></div>` | 446 | + html += `<div class="swiper-slide"><img data-src="${el}" class="not-preview-image local-image" src="${el}" alt=""></div>` |
| 374 | }) | 447 | }) |
| 375 | 448 | ||
| 376 | el.innerHTML = html + `</div><div class="swiper-pagination"></div>` | 449 | el.innerHTML = html + `</div><div class="swiper-pagination"></div>` |
| @@ -415,7 +488,7 @@ class DomUtil { | @@ -415,7 +488,7 @@ class DomUtil { | ||
| 415 | let html = '<div class="swiper-wrapper">' | 488 | let html = '<div class="swiper-wrapper">' |
| 416 | 489 | ||
| 417 | urlList.forEach(el => { | 490 | urlList.forEach(el => { |
| 418 | - html += `<div class="swiper-slide"><img data-src="${el}" class="not-preview-image" src="${el}" alt=""></div>` | 491 | + html += `<div class="swiper-slide"><img data-src="${el}" class="not-preview-image local-image" src="${el}" alt=""></div>` |
| 419 | }) | 492 | }) |
| 420 | 493 | ||
| 421 | el.innerHTML = html + `</div><div class="swiper-pagination"></div>` | 494 | el.innerHTML = html + `</div><div class="swiper-pagination"></div>` |
| @@ -446,9 +519,11 @@ class DomUtil { | @@ -446,9 +519,11 @@ class DomUtil { | ||
| 446 | const hrefUrl = a | 519 | const hrefUrl = a |
| 447 | ? a.getAttribute('href') || a.getAttribute('_href') || a.getAttribute('data-href') || a.textContent | 520 | ? a.getAttribute('href') || a.getAttribute('_href') || a.getAttribute('data-href') || a.textContent |
| 448 | : '' | 521 | : '' |
| 522 | + const dataRmrbnativeEl = linkCardDom[i].querySelector('p.link') | ||
| 449 | 523 | ||
| 450 | const el = document.createElement('a') | 524 | const el = document.createElement('a') |
| 451 | el.setAttribute('class', imageUrl ? 'preview-link-card-mobile card-image' : 'preview-link-card-mobile') | 525 | el.setAttribute('class', imageUrl ? 'preview-link-card-mobile card-image' : 'preview-link-card-mobile') |
| 526 | + el.setAttribute('data-rmrbnative', dataRmrbnativeEl.getAttribute('data-rmrbnative')) | ||
| 452 | el.setAttribute('href', hrefUrl) | 527 | el.setAttribute('href', hrefUrl) |
| 453 | el.setAttribute('target', '_blank') | 528 | el.setAttribute('target', '_blank') |
| 454 | 529 | ||
| @@ -460,9 +535,9 @@ class DomUtil { | @@ -460,9 +535,9 @@ class DomUtil { | ||
| 460 | linkIcon = `icon_Y_lianjie` | 535 | linkIcon = `icon_Y_lianjie` |
| 461 | } | 536 | } |
| 462 | if (imageUrl) { | 537 | if (imageUrl) { |
| 463 | - el.innerHTML = `<div class="left"><img data-src="${imageUrl}" class="not-preview-image" src="${imageUrl}" alt=""></div><div class="right"><div class="preview-link-title droidSerif-bold"><img class="not-preview-image" data-src="./image/${linkIcon}.svg" src="./image/${linkIcon}.svg" alt="">${title}</div><div class="preview-link"><span>${hrefUrl || ''}</span></div></div>` | 538 | + el.innerHTML = `<div class="left"><img data-src="${imageUrl}" class="not-preview-image local-image" src="${imageUrl}" alt=""></div><div class="right"><div class="preview-link-title droidSerif-bold"><img class="not-preview-image local-image" data-src="./image/${linkIcon}.svg" src="./image/${linkIcon}.svg" alt="">${title}</div><div class="preview-link"><span>${hrefUrl || ''}</span></div></div>` |
| 464 | } else { | 539 | } else { |
| 465 | - el.innerHTML = `<div class="preview-link-title droidSerif-bold"><img class="not-preview-image" src="./image/${linkIcon}.svg" data-src="./image/${linkIcon}.svg" alt="">${title}</div><div class="preview-link"><span>${hrefUrl || ''}</span></div>` | 540 | + el.innerHTML = `<div class="preview-link-title droidSerif-bold"><img class="not-preview-image local-image" src="./image/${linkIcon}.svg" data-src="./image/${linkIcon}.svg" alt="">${title}</div><div class="preview-link"><span>${hrefUrl || ''}</span></div>` |
| 466 | } | 541 | } |
| 467 | 542 | ||
| 468 | linkCardDom[i].before(el) | 543 | linkCardDom[i].before(el) |
| @@ -471,7 +546,7 @@ class DomUtil { | @@ -471,7 +546,7 @@ class DomUtil { | ||
| 471 | 546 | ||
| 472 | // 处理音频 | 547 | // 处理音频 |
| 473 | for (let i = 0; i < audioDom.length; i++) { | 548 | for (let i = 0; i < audioDom.length; i++) { |
| 474 | - const dataId = `en_audio_${i}` | 549 | + const dataId = `zh_audio_${i}` |
| 475 | let audioEl | 550 | let audioEl |
| 476 | let coverEl | 551 | let coverEl |
| 477 | let titleEl | 552 | let titleEl |
| @@ -482,9 +557,14 @@ class DomUtil { | @@ -482,9 +557,14 @@ class DomUtil { | ||
| 482 | audioEl = audioDom[i].querySelector('audio source') | 557 | audioEl = audioDom[i].querySelector('audio source') |
| 483 | coverEl = audioDom[i].querySelector('.audioStyleLeftImg') | 558 | coverEl = audioDom[i].querySelector('.audioStyleLeftImg') |
| 484 | 559 | ||
| 560 | + if (!audioEl) { | ||
| 561 | + audioEl = audioDom[i].querySelector('audio') | ||
| 562 | + } | ||
| 563 | + | ||
| 485 | titleEl = audioDom[i].querySelector('.audioStyleTitle') | 564 | titleEl = audioDom[i].querySelector('.audioStyleTitle') |
| 486 | if (titleEl) { | 565 | if (titleEl) { |
| 487 | - title = titleEl.innerHTML | 566 | + title = titleEl.textContent |
| 567 | + // title = '测试库' | ||
| 488 | } | 568 | } |
| 489 | if (audioEl) { | 569 | if (audioEl) { |
| 490 | audioSrc = audioEl.getAttribute('src') | 570 | audioSrc = audioEl.getAttribute('src') |
| @@ -520,14 +600,13 @@ class DomUtil { | @@ -520,14 +600,13 @@ class DomUtil { | ||
| 520 | pauseIcon = 'dark_pause' | 600 | pauseIcon = 'dark_pause' |
| 521 | playIcon = 'dark_play' | 601 | playIcon = 'dark_play' |
| 522 | } | 602 | } |
| 523 | - | ||
| 524 | - const noCoverTitle = `<div class="audio-title ellipsis1 droidSerif-bold">${title}</div>` | 603 | + const noCoverTitle = `<div class="audio-title droidSerif-bold"><div class="audio-notice-title">${title}</div></div>` |
| 525 | if (cover) { | 604 | if (cover) { |
| 526 | - el.innerHTML = `<audio src="${audioSrc}" class="audio-block hidden"></audio><div class="left"><img class="not-preview-image" data-src="${cover}" src="" alt=""></div><div class="right"><div class="audio-title">${title}</div><div class="audio-extra"><div class="audio-time"><span class="audio-current droidSerif">00:00</span><span class="droidSerif audio-current">/</span><span class="audio-durtion droidSerif">00:00</span></div><div class="audio-extral-iocn"><div class="audio-bg"><img data-src="${publicImageUrl}/audioBg.svg" src="${publicImageUrl}/audioBg.svg" alt="" class="not-preview-image" /><img class="audio-play-icon active not-preview-image" data-src="${publicImageUrl}/${pauseIcon}.svg" src="${publicImageUrl}/${pauseIcon}.svg" alt=""><img class="not-preview-image audio-pause-icon" src="${publicImageUrl}/${playIcon}.svg" data-src="${publicImageUrl}/${playIcon}.svg" alt=""></div></div></div></div>` | 605 | + el.innerHTML = `<audio src="${audioSrc}" class="audio-block hidden"></audio><div class="left"><img class="not-preview-image local-image" data-src="${cover}" src="" alt=""></div><div class="right"><div class="audio-title" data-cover="cover"><div class="audio-notice-title">${title}</div></div><div class="audio-extra"><div class="audio-time"><span class="audio-current droidSerif">00:00</span><span class="droidSerif audio-current">/</span><span class="audio-durtion droidSerif">00:00</span></div><div class="audio-extral-iocn"><div class="audio-bg"><img data-src="${publicImageUrl}/audioBg.svg" src="${publicImageUrl}/audioBg.svg" alt="" class="not-preview-image local-image" /><img class="audio-play-icon active not-preview-image local-image" data-src="${publicImageUrl}/${pauseIcon}.svg" src="${publicImageUrl}/${pauseIcon}.svg" alt=""><img class="not-preview-image audio-pause-icon local-image" src="${publicImageUrl}/${playIcon}.svg" data-src="${publicImageUrl}/${playIcon}.svg" alt=""></div></div></div></div>` |
| 527 | } else { | 606 | } else { |
| 528 | - el.innerHTML = `<audio src="${audioSrc}" class="audio-block hidden"></audio><div class="left"><img class="audio-play-icon not-preview-image active mobileIcon" data-src="${publicImageUrl}/${pauseIcon}.svg" src="${publicImageUrl}/${pauseIcon}.svg" alt=""><img class="audio-pause-icon not-preview-image mobileIcon" src="${publicImageUrl}/${playIcon}.svg" data-src="${publicImageUrl}/${playIcon}.svg" alt=""></div><div class="right">${title | 607 | + el.innerHTML = `<audio src="${audioSrc}" class="audio-block hidden"></audio><div class="left"><img class="audio-play-icon not-preview-image local-image active mobileIcon" data-src="${publicImageUrl}/${pauseIcon}.svg" src="${publicImageUrl}/${pauseIcon}.svg" alt=""><img class="audio-pause-icon not-preview-image local-image mobileIcon" src="${publicImageUrl}/${playIcon}.svg" data-src="${publicImageUrl}/${playIcon}.svg" alt=""></div><div class="right" style="margin-top: ${title ? '0' : `${11 / 37.5}rem`}">${title |
| 529 | ? noCoverTitle | 608 | ? noCoverTitle |
| 530 | - : ''}<div class="audio-progress-block"><div class="audio-progressed"></div></div><div class="audio-time"><span class="audio-current droidSerif">00:00</span><span class="audio-durtion droidSerif">00:00</span></div></div>` | 609 | + : ''}<div class="audio-progress-block"><div class="audio-progressed"></div></div><div class="audio-time" style="margin-top: ${title ? `${4 / 37.5}rem` : `${8 / 37.5}rem`}"><span class="audio-current droidSerif">00:00</span><span class="audio-durtion droidSerif">00:00</span></div></div>` |
| 531 | } | 610 | } |
| 532 | 611 | ||
| 533 | if (audioSrc) { | 612 | if (audioSrc) { |
| @@ -543,93 +622,115 @@ class DomUtil { | @@ -543,93 +622,115 @@ class DomUtil { | ||
| 543 | for (let i = 0; i < imageDom.length; i++) { | 622 | for (let i = 0; i < imageDom.length; i++) { |
| 544 | const name = imageDom[i].getAttribute('data-name') | 623 | const name = imageDom[i].getAttribute('data-name') |
| 545 | const classList = imageDom[i].getAttribute('class') || '' | 624 | const classList = imageDom[i].getAttribute('class') || '' |
| 546 | - const src = imageDom[i].getAttribute('src') || imageDom[i].getAttribute('data-src') | ||
| 547 | - nextCallback(1, src) | ||
| 548 | - if (src && src !== 'undefined' && !classList.includes('not-preview-image') && name !== 'people') { | ||
| 549 | - effectImage.push(imageDom[i]) | 625 | + const src = imageDom[i].getAttribute('src') || imageDom[i].getAttribute('data-src') || '' |
| 626 | + | ||
| 627 | + if (/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/.test(src)) { | ||
| 628 | + nextCallback(1, src) | ||
| 629 | + | ||
| 630 | + if (!classList.includes('not-preview-image') && name !== 'people') { | ||
| 631 | + effectImage.push(imageDom[i]) | ||
| 632 | + } else { | ||
| 633 | + imageDom[i].setAttribute('status', 'loading') | ||
| 634 | + } | ||
| 550 | } else { | 635 | } else { |
| 551 | - imageDom[i].setAttribute('status', 'loading') | 636 | + if (imageDom[i] && imageDom[i].classList && imageDom[i].classList.contains('local-image')) { |
| 637 | + } else { | ||
| 638 | + imageDom[i].remove() | ||
| 639 | + } | ||
| 552 | } | 640 | } |
| 553 | } | 641 | } |
| 554 | - | ||
| 555 | for (let i = 0; i < effectImage.length; i++) { | 642 | for (let i = 0; i < effectImage.length; i++) { |
| 556 | const photoList = details.photoList | 643 | const photoList = details.photoList |
| 557 | - const src = effectImage[i].getAttribute('src') || effectImage[i].getAttribute('data-src') | 644 | + const src = effectImage[i].getAttribute('src') || effectImage[i].getAttribute('data-src') || '' |
| 645 | + | ||
| 558 | const isLink = effectImage[i].parentNode && effectImage[i].parentNode.tagName === 'A' && !!effectImage[i].parentNode.getAttribute( | 646 | const isLink = effectImage[i].parentNode && effectImage[i].parentNode.tagName === 'A' && !!effectImage[i].parentNode.getAttribute( |
| 559 | 'href') | 647 | 'href') |
| 560 | const networkStatus = [ 2, 3, 4, 5 ] | 648 | const networkStatus = [ 2, 3, 4, 5 ] |
| 561 | const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true' | 649 | const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true' |
| 562 | const imageSrc = isDark ? './image/placeHoldVlogo.svg' : './image/placeholdLogo.svg' | 650 | const imageSrc = isDark ? './image/placeHoldVlogo.svg' : './image/placeholdLogo.svg' |
| 563 | const errorSrc = isDark ? './image/errorDark.svg' : './image/error.svg' | 651 | const errorSrc = isDark ? './image/errorDark.svg' : './image/error.svg' |
| 564 | - let className = netstutas == 1 || loadlmageOnlyWifiSwitch == '2' | 652 | + let className = src ? netstutas == 1 || loadlmageOnlyWifiSwitch == '2' |
| 565 | ? 'preview-image-block loading' | 653 | ? 'preview-image-block loading' |
| 566 | : networkStatus.includes(Number(netstutas)) | 654 | : networkStatus.includes(Number(netstutas)) |
| 567 | ? `preview-image-block loading no-network` | 655 | ? `preview-image-block loading no-network` |
| 568 | : netstutas === 0 | 656 | : netstutas === 0 |
| 569 | ? 'preview-image-block loading error' | 657 | ? 'preview-image-block loading error' |
| 570 | : 'preview-image-block loading no-network' | 658 | : 'preview-image-block loading no-network' |
| 659 | + : 'preview-image-block loading error' | ||
| 571 | let linkIocnHtml = '' | 660 | let linkIocnHtml = '' |
| 572 | if (isLink) { | 661 | if (isLink) { |
| 573 | className = className + ' link-image' | 662 | className = className + ' link-image' |
| 574 | - linkIocnHtml = `<div class="preview-image-link-icon"><img src="./image/image_link.svg" alt=""><span>链接</span></div>` | 663 | + linkIocnHtml = `<div class="preview-image-link-icon"><img class="local-image" src="./image/image_link.svg" alt=""><span>链接</span></div>` |
| 575 | } | 664 | } |
| 576 | - | ||
| 577 | const el = document.createElement('div') | 665 | const el = document.createElement('div') |
| 578 | - if (src) { | ||
| 579 | - const findRecord = photoList.find(el => { | ||
| 580 | - const originSrc = src.split('?')[0] | ||
| 581 | - return handleMediaSrc(el.picPath) == handleMediaSrc(originSrc) | ||
| 582 | - }) | ||
| 583 | - let width = effectImage[i].getAttribute('width') || effectImage[i].getAttribute('data-gifffer-width') || '' | ||
| 584 | - let height = effectImage[i].getAttribute('height') || effectImage[i].getAttribute('data-gifffer-height') || '' | 666 | + const previewSrc = handleImageSrc(src) |
| 667 | + const findRecord = photoList.find(el => { | ||
| 668 | + const originSrc = src.split('?')[0] | ||
| 669 | + return handleMediaSrc(el.picPath) == handleMediaSrc(originSrc) | ||
| 670 | + }) | ||
| 671 | + let width = effectImage[i].getAttribute('width') || effectImage[i].getAttribute('data-gifffer-width') || '' | ||
| 672 | + let height = effectImage[i].getAttribute('height') || effectImage[i].getAttribute('data-gifffer-height') || '' | ||
| 585 | 673 | ||
| 586 | - width = width ? Number(width) : 0 | ||
| 587 | - height = height ? Number(height) : 0 | 674 | + width = width ? Number(width) : 0 |
| 675 | + height = height ? Number(height) : 0 | ||
| 588 | 676 | ||
| 589 | - if (width) width = !isNaN(width) && typeof width === 'number' ? width : 0 | ||
| 590 | - if (height) height = !isNaN(width) && typeof height === 'number' ? height : 0 | 677 | + if (width) width = !isNaN(width) && typeof width === 'number' ? width : 0 |
| 678 | + if (height) height = !isNaN(width) && typeof height === 'number' ? height : 0 | ||
| 591 | 679 | ||
| 592 | - if (findRecord) { | ||
| 593 | - if (findRecord && (!width || !height)) { | ||
| 594 | - width = findRecord.width || 0 | ||
| 595 | - height = findRecord.height || 0 | ||
| 596 | - } | 680 | + if (findRecord) { |
| 681 | + if (findRecord && (!width || !height)) { | ||
| 682 | + width = findRecord.width || 0 | ||
| 683 | + height = findRecord.height || 0 | ||
| 597 | } | 684 | } |
| 598 | - | ||
| 599 | - el.setAttribute('class', className) | ||
| 600 | - el.setAttribute('status', 'loading') | ||
| 601 | - el.style.height = width && height ? `${contentWidth * height / width}px` : 'auto' | ||
| 602 | - if (!height) el.classList.add('minHeight') | ||
| 603 | - el.innerHTML = `<img class="image-player none image-player-${i}" src="" alt="" data-src="${src}" data-image="image"><img class="preview-image-placehold not-preview-image" src="${imageSrc}" alt=""><img class="preview-image-error not-preview-image none" src="${errorSrc}" alt=""><span class="no-network-text">点击查看原图</span>${linkIocnHtml}` | ||
| 604 | - | ||
| 605 | - try { | ||
| 606 | - if (effectImage[i].parentNode && effectImage[i].parentNode.tagName == 'A') { | ||
| 607 | - const aEl = effectImage[i].parentNode | ||
| 608 | - const href = aEl.getAttribute('href') | ||
| 609 | - const dataRmrbnative = aEl.getAttribute('data-rmrbnative') | ||
| 610 | - el.setAttribute('data-href', href) | ||
| 611 | - el.setAttribute('data-rmrbnative', dataRmrbnative) | ||
| 612 | - | ||
| 613 | - if (effectImage[i].parentNode.parentNode && effectImage[i].parentNode.parentNode.tagName == 'P') { | ||
| 614 | - effectImage[i].parentNode.parentNode.before(el) | ||
| 615 | - effectImage[i].parentNode.parentNode.remove() | ||
| 616 | - } else { | ||
| 617 | - effectImage[i].parentNode.before(el) | ||
| 618 | - effectImage[i].parentNode.remove() | ||
| 619 | - } | 685 | + } |
| 686 | + width = width && isNumber(Number(width)) ? isNaN(Number(width)) ? 0 : Number(width) : 0 | ||
| 687 | + height = height && isNumber(Number(height)) ? isNaN(Number(height)) ? 0 : Number(height) : 0 | ||
| 688 | + | ||
| 689 | + if (width <= 0) width = 0 | ||
| 690 | + if (height <= 0) height = 0 | ||
| 691 | + | ||
| 692 | + const overMaxWidth = width > contentWidth | ||
| 693 | + el.setAttribute('class', className) | ||
| 694 | + el.setAttribute('status', 'loading') | ||
| 695 | + el.style.height = width && height ? overMaxWidth ? `${contentWidth * height / width}px` : '' : '' | ||
| 696 | + if (!height) el.classList.add('minHeight') | ||
| 697 | + el.innerHTML = `<img class="image-player none image-player-${i}" src="" alt="" data-src="${previewSrc}" data-origin-src="${src}" data-image="image"><img class="preview-image-placehold local-image not-preview-image" src="${imageSrc}" alt=""><img class="preview-image-error not-preview-image local-image none" src="${errorSrc}" alt=""><span class="no-network-text">点击查看原图</span>${linkIocnHtml}` | ||
| 698 | + | ||
| 699 | + try { | ||
| 700 | + if (effectImage[i].parentNode && effectImage[i].parentNode.tagName == 'A') { | ||
| 701 | + const aEl = effectImage[i].parentNode | ||
| 702 | + const href = aEl.getAttribute('href') | ||
| 703 | + const dataRmrbnative = aEl.getAttribute('data-rmrbnative') | ||
| 704 | + el.setAttribute('data-href', href) | ||
| 705 | + el.setAttribute('data-rmrbnative', dataRmrbnative) | ||
| 706 | + | ||
| 707 | + if (effectImage[i].parentNode.parentNode && effectImage[i].parentNode.parentNode.tagName == 'P') { | ||
| 708 | + effectImage[i].parentNode.parentNode.before(el) | ||
| 709 | + effectImage[i].parentNode.parentNode.remove() | ||
| 620 | } else { | 710 | } else { |
| 621 | - effectImage[i].before(el) | ||
| 622 | - effectImage[i].remove() | 711 | + effectImage[i].parentNode.before(el) |
| 712 | + effectImage[i].parentNode.remove() | ||
| 623 | } | 713 | } |
| 624 | - } catch (e) { | 714 | + } else { |
| 625 | effectImage[i].before(el) | 715 | effectImage[i].before(el) |
| 626 | effectImage[i].remove() | 716 | effectImage[i].remove() |
| 627 | } | 717 | } |
| 718 | + } catch (e) { | ||
| 719 | + effectImage[i].before(el) | ||
| 720 | + effectImage[i].remove() | ||
| 628 | } | 721 | } |
| 629 | } | 722 | } |
| 630 | 723 | ||
| 631 | - const videoDom = this.$dom('#newsContent video', true) | 724 | + // const previewImageEl = document.querySelectorAll('#newsContent .preview-image-block') |
| 725 | + // for (let i = 0; i < previewImageEl.length; i++) { | ||
| 726 | + // const el = previewImageEl[i] | ||
| 727 | + // const parentNode = el.parentNode | ||
| 728 | + // if (parentNode.firstChild === el) { | ||
| 729 | + // el.style.setProperty('margin-top', '0', 'important') | ||
| 730 | + // } | ||
| 731 | + // } | ||
| 632 | 732 | ||
| 733 | + const videoDom = document.querySelectorAll('#newsContent video') | ||
| 633 | const videoOutter = [] | 734 | const videoOutter = [] |
| 634 | for (let i = 0; i < videoDom.length; i++) { | 735 | for (let i = 0; i < videoDom.length; i++) { |
| 635 | const parentNode = videoDom[i].parentNode | 736 | const parentNode = videoDom[i].parentNode |
| @@ -647,7 +748,6 @@ class DomUtil { | @@ -647,7 +748,6 @@ class DomUtil { | ||
| 647 | } | 748 | } |
| 648 | 749 | ||
| 649 | const videoDomList = document.querySelectorAll('#newsContent video') | 750 | const videoDomList = document.querySelectorAll('#newsContent video') |
| 650 | - | ||
| 651 | for (let i = 0; i < videoDomList.length; i++) { | 751 | for (let i = 0; i < videoDomList.length; i++) { |
| 652 | let width = 0 | 752 | let width = 0 |
| 653 | let height = 0 | 753 | let height = 0 |
| @@ -676,39 +776,48 @@ class DomUtil { | @@ -676,39 +776,48 @@ class DomUtil { | ||
| 676 | } | 776 | } |
| 677 | const videoInfoList = details.videoInfo || [] | 777 | const videoInfoList = details.videoInfo || [] |
| 678 | 778 | ||
| 679 | - const findRecord = videoInfoList.find(el => el.videoUrl === src) | 779 | + const findRecord = videoInfoList.find(el => handleMediaSrc(el.videoUrl) === handleMediaSrc(src)) |
| 680 | if (findRecord && (!width || !height)) { | 780 | if (findRecord && (!width || !height)) { |
| 681 | width = findRecord.resolutionWidth | 781 | width = findRecord.resolutionWidth |
| 682 | height = findRecord.resolutionHeight | 782 | height = findRecord.resolutionHeight |
| 683 | - } else if ((!width || !height)) { | ||
| 684 | - width = videoEl.getAttribute('data-vwidth') | ||
| 685 | - height = videoEl.getAttribute('data-vheight') | ||
| 686 | } | 783 | } |
| 687 | - let styleHeight = isNumber(Number(width)) ? isNaN(Number(width)) || Number(width) === 0 | ||
| 688 | - ? 0 | ||
| 689 | - : Number(contentWidth) / (Number(width) / Number(height)) : 0 | 784 | + |
| 785 | + if ((!width || !height)) { | ||
| 786 | + width = videoEl.getAttribute('data-vwidth') || videoEl.getAttribute('data-width') | ||
| 787 | + height = videoEl.getAttribute('data-vheight') || videoEl.getAttribute('data-height') | ||
| 788 | + } | ||
| 789 | + | ||
| 790 | + width = width && isNumber(Number(width)) ? isNaN(Number(width)) ? 0 : Number(width) : 0 | ||
| 791 | + height = height && isNumber(Number(height)) ? isNaN(Number(height)) ? 0 : Number(height) : 0 | ||
| 792 | + | ||
| 793 | + if (width <= 0) width = 0 | ||
| 794 | + if (height <= 0) height = 0 | ||
| 795 | + | ||
| 796 | + let styleHeight = width === 0 ? 0 : Number(contentWidth) / (width / height) | ||
| 797 | + | ||
| 798 | + if (!styleHeight) styleHeight = 150 | ||
| 690 | 799 | ||
| 691 | const id = getRandomNumber().uuid(10) | 800 | const id = getRandomNumber().uuid(10) |
| 692 | - /* 找到海报图nodelist对象 */ | ||
| 693 | - const poster = videoDomList[i].getAttribute('poster') | 801 | + const poster = videoDomList[i].getAttribute('data-poster') || videoDomList[i].getAttribute('poster') || details.firstFrameImageUri |
| 694 | 802 | ||
| 695 | const el = document.createElement('div') | 803 | const el = document.createElement('div') |
| 696 | el.setAttribute('class', 'preview-video init') | 804 | el.setAttribute('class', 'preview-video init') |
| 697 | - /* 自定义属性data-height、data-width */ | ||
| 698 | el.innerHTML = `<div id="video-player-${i}" class="video-player video-player-${i}" style="height: ${styleHeight}px" data-height="${height || '0' | 805 | el.innerHTML = `<div id="video-player-${i}" class="video-player video-player-${i}" style="height: ${styleHeight}px" data-height="${height || '0' |
| 699 | }" data-width="${width || '0'}" data-id="${id}"></div>` | 806 | }" data-width="${width || '0'}" data-id="${id}"></div>` |
| 700 | 807 | ||
| 701 | const parentNode = videoDomList[i].parentNode | 808 | const parentNode = videoDomList[i].parentNode |
| 702 | - | ||
| 703 | if (parentNode) { | 809 | if (parentNode) { |
| 704 | - parentNode.before(el) | ||
| 705 | - parentNode.remove() | 810 | + if (parentNode.getAttribute('id') !== 'newsContent') { |
| 811 | + parentNode.before(el) | ||
| 812 | + parentNode.remove() | ||
| 813 | + } else { | ||
| 814 | + videoEl.before(el) | ||
| 815 | + videoEl.remove() | ||
| 816 | + } | ||
| 706 | } | 817 | } |
| 707 | nextCallback(2, { src, id, poster, originId: videoElId }) | 818 | nextCallback(2, { src, id, poster, originId: videoElId }) |
| 708 | } | 819 | } |
| 709 | 820 | ||
| 710 | - | ||
| 711 | - | ||
| 712 | const aEl = document.querySelectorAll('#newsContent a') | 821 | const aEl = document.querySelectorAll('#newsContent a') |
| 713 | for (let i = 0; i < aEl.length; i++) { | 822 | for (let i = 0; i < aEl.length; i++) { |
| 714 | const url = aEl[i].getAttribute('href') | 823 | const url = aEl[i].getAttribute('href') |
| @@ -717,15 +826,54 @@ class DomUtil { | @@ -717,15 +826,54 @@ class DomUtil { | ||
| 717 | aEl[i].style.textDecoration = 'underline' | 826 | aEl[i].style.textDecoration = 'underline' |
| 718 | } | 827 | } |
| 719 | 828 | ||
| 829 | + const olstyleEl = document.querySelectorAll( | ||
| 830 | + '#newsContent [style*="list-style-type: decimal"] li') | ||
| 831 | + for (let i = 0; i < olstyleEl.length; i++) { | ||
| 832 | + olstyleEl[i].style.marginLeft = `${21 / 37.5}rem` | ||
| 833 | + } | ||
| 834 | + | ||
| 720 | const underLineEl = document.querySelectorAll( | 835 | const underLineEl = document.querySelectorAll( |
| 721 | '#newsContent [style*="text-decoration"], [style*="text-decoration-line"]') | 836 | '#newsContent [style*="text-decoration"], [style*="text-decoration-line"]') |
| 722 | for (let i = 0; i < underLineEl.length; i++) { | 837 | for (let i = 0; i < underLineEl.length; i++) { |
| 723 | - underLineEl[i].style.textDecorationLine = 'none' | ||
| 724 | - underLineEl[i].style.borderBottom = underLineEl[i].nodeName === 'A' ? '1px solid #50749A' : '1px solid #000000' | 838 | + if (underLineEl[i].style.textDecorationLine === 'underline' || underLineEl[i].style.textDecoration === 'underline') { |
| 839 | + underLineEl[i].style.textUnderlineOffset = '4px' | ||
| 840 | + } | ||
| 725 | } | 841 | } |
| 842 | + | ||
| 843 | + const globalLineDom = document.querySelectorAll(`#newsContent .global-line`) | ||
| 844 | + for (let i = 0; i < globalLineDom.length; i++) { | ||
| 845 | + const parentEl = globalLineDom[i].parentNode | ||
| 846 | + | ||
| 847 | + let color = parentEl.style.color | ||
| 848 | + | ||
| 849 | + function getParentColor(el) { | ||
| 850 | + if (el && el.getAttribute('id') === 'newsContent') { | ||
| 851 | + } else if (el.style.color) { | ||
| 852 | + color = el.style.color | ||
| 853 | + } else { | ||
| 854 | + getParentColor(el.parentNode) | ||
| 855 | + } | ||
| 856 | + } | ||
| 857 | + | ||
| 858 | + if (!color) getParentColor(parentEl.parentNode) | ||
| 859 | + | ||
| 860 | + globalLineDom[i].style.backgroundColor = color | ||
| 861 | + | ||
| 862 | + if (parentEl.style.fontWeight > 500 || parentEl.style.fontWeight === 'bold' || parentEl.nodeName === 'STRONG') { | ||
| 863 | + globalLineDom[i].style.height = `${2 / 37.5}rem` | ||
| 864 | + globalLineDom[i].style.top = `${-4.5 / 37.5}rem` | ||
| 865 | + } else { | ||
| 866 | + globalLineDom[i].style.height = `${1 / 37.5}rem` | ||
| 867 | + } | ||
| 868 | + } | ||
| 869 | + | ||
| 726 | const lastEle = document.querySelector('#newsContent') | 870 | const lastEle = document.querySelector('#newsContent') |
| 727 | ? document.querySelector('#newsContent').lastElementChild : null | 871 | ? document.querySelector('#newsContent').lastElementChild : null |
| 728 | 872 | ||
| 873 | + if (lastEle && lastEle.lastChild && lastEle.lastChild.classList && lastEle.lastChild.classList.contains('preview-image-block')) { | ||
| 874 | + const el = lastEle.lastChild | ||
| 875 | + el.style.setProperty('margin-bottom', '0', 'important') | ||
| 876 | + } | ||
| 729 | if (lastEle && lastEle.style) { | 877 | if (lastEle && lastEle.style) { |
| 730 | if (lastEle.childNodes && lastEle.childNodes.length === 1) { | 878 | if (lastEle.childNodes && lastEle.childNodes.length === 1) { |
| 731 | if (lastEle.childNodes[0].tagName === 'BR') { | 879 | if (lastEle.childNodes[0].tagName === 'BR') { |
| 1 | /* app主动调用通知h5事件 */ | 1 | /* app主动调用通知h5事件 */ |
| 2 | - | ||
| 3 | // 加载资源方法 | 2 | // 加载资源方法 |
| 4 | - | ||
| 5 | -function loadFile(doc, obj, fn) { | 3 | +function loadFile(doc, obj = {}, fn) { |
| 6 | var tmpList = [] | 4 | var tmpList = [] |
| 7 | var item = null | 5 | var item = null |
| 8 | for ( | 6 | for ( |
| @@ -125,7 +123,6 @@ function connectWebViewJavascriptBridge(callback) { | @@ -125,7 +123,6 @@ function connectWebViewJavascriptBridge(callback) { | ||
| 125 | document.addEventListener( | 123 | document.addEventListener( |
| 126 | 'WebViewJavascriptBridgeReady' | 124 | 'WebViewJavascriptBridgeReady' |
| 127 | , function () { | 125 | , function () { |
| 128 | - // console.log('WebViewJavascriptBridge==>',WebViewJavascriptBridge); | ||
| 129 | callback(WebViewJavascriptBridge) | 126 | callback(WebViewJavascriptBridge) |
| 130 | }, | 127 | }, |
| 131 | false | 128 | false |
| @@ -136,13 +133,21 @@ function connectWebViewJavascriptBridge(callback) { | @@ -136,13 +133,21 @@ function connectWebViewJavascriptBridge(callback) { | ||
| 136 | function sendNative(name, data, callback) { | 133 | function sendNative(name, data, callback) { |
| 137 | if (!window.WebViewJavascriptBridge) return | 134 | if (!window.WebViewJavascriptBridge) return |
| 138 | if (judgTerminal() === 1) { | 135 | if (judgTerminal() === 1) { |
| 139 | - window.WebViewJavascriptBridge.callHandler(name, data, function (responseData) { | ||
| 140 | - if (callback) callback(responseData) | ||
| 141 | - }) | 136 | + try { |
| 137 | + window.WebViewJavascriptBridge.callHandler(name, data, function (responseData) { | ||
| 138 | + if (callback) callback(responseData) | ||
| 139 | + }) | ||
| 140 | + } catch (e) { | ||
| 141 | + | ||
| 142 | + } | ||
| 142 | } else { | 143 | } else { |
| 143 | - window.WebViewJavascriptBridge.callHandler(name, data, function (response) { | ||
| 144 | - if (callback) callback(response) | ||
| 145 | - }) | 144 | + try { |
| 145 | + window.WebViewJavascriptBridge.callHandler(name, data, function (response) { | ||
| 146 | + if (callback) callback(response) | ||
| 147 | + }) | ||
| 148 | + } catch (e) { | ||
| 149 | + | ||
| 150 | + } | ||
| 146 | } | 151 | } |
| 147 | } | 152 | } |
| 148 | 153 | ||
| @@ -151,32 +156,71 @@ function connetAppLogin() { | @@ -151,32 +156,71 @@ function connetAppLogin() { | ||
| 151 | /*bridge： WebViewJavascriptBridge */ | 156 | /*bridge： WebViewJavascriptBridge */ |
| 152 | connectWebViewJavascriptBridge(function (bridge) { | 157 | connectWebViewJavascriptBridge(function (bridge) { |
| 153 | bridge.registerHandler('jsCall_appNotifyEvent', function (data, responseCallback) { | 158 | bridge.registerHandler('jsCall_appNotifyEvent', function (data, responseCallback) { |
| 159 | + const objData = typeof data === 'object' ? data : JSON.parse(data) | ||
| 160 | + if (objData && (objData.event == '13')) { | ||
| 161 | + if (pageLoadOutTime || hasDetails) { | ||
| 162 | + return | ||
| 163 | + } | ||
| 164 | + | ||
| 165 | + firstTime = new Date() | ||
| 166 | + pageLoadOutTime = null | ||
| 167 | + clearTimeout(pageLoadOutTime) | ||
| 168 | + hasDetails = false | ||
| 169 | + checkPageLoadingTimeOut() | ||
| 170 | + | ||
| 171 | + setRemUnit() | ||
| 172 | + setBodyFontSize() | ||
| 173 | + } | ||
| 154 | window.config.VUE_APP_LOGIN = data | 174 | window.config.VUE_APP_LOGIN = data |
| 155 | if (document.querySelector('#page-change')) { | 175 | if (document.querySelector('#page-change')) { |
| 156 | document.querySelector('#page-change').click() | 176 | document.querySelector('#page-change').click() |
| 157 | } | 177 | } |
| 158 | if (document.querySelector('#notice-change')) { | 178 | if (document.querySelector('#notice-change')) { |
| 179 | + window.config.MEDIAPLAY = data | ||
| 159 | document.querySelector('#notice-change').click() | 180 | document.querySelector('#notice-change').click() |
| 160 | } | 181 | } |
| 161 | if (document.querySelector('#quitevent-change')) { | 182 | if (document.querySelector('#quitevent-change')) { |
| 162 | document.querySelector('#quitevent-change').click() | 183 | document.querySelector('#quitevent-change').click() |
| 163 | } | 184 | } |
| 185 | + if (document.querySelector('#page-reload-change')) { | ||
| 186 | + window.config.PAGERELOAD = data | ||
| 187 | + document.querySelector('#page-reload-change').click() | ||
| 188 | + } | ||
| 164 | if (responseCallback) responseCallback(data) | 189 | if (responseCallback) responseCallback(data) |
| 165 | }) | 190 | }) |
| 166 | }) | 191 | }) |
| 167 | } else { | 192 | } else { |
| 168 | setupWebViewJavascriptBridge(function (bridge) { | 193 | setupWebViewJavascriptBridge(function (bridge) { |
| 169 | bridge.registerHandler('jsCall_appNotifyEvent', function (data, responseCallback) { | 194 | bridge.registerHandler('jsCall_appNotifyEvent', function (data, responseCallback) { |
| 195 | + const objData = typeof data === 'object' ? data : JSON.parse(data) | ||
| 196 | + if (objData && (objData.event == '13')) { | ||
| 197 | + if (pageLoadOutTime || hasDetails) { | ||
| 198 | + return | ||
| 199 | + } | ||
| 200 | + | ||
| 201 | + firstTime = new Date() | ||
| 202 | + pageLoadOutTime = null | ||
| 203 | + hasDetails = false | ||
| 204 | + checkPageLoadingTimeOut() | ||
| 205 | + | ||
| 206 | + setRemUnit() | ||
| 207 | + setBodyFontSize() | ||
| 208 | + } | ||
| 170 | window.config.VUE_APP_LOGIN = data | 209 | window.config.VUE_APP_LOGIN = data |
| 171 | if (document.querySelector('#page-change')) { | 210 | if (document.querySelector('#page-change')) { |
| 172 | document.querySelector('#page-change').click() | 211 | document.querySelector('#page-change').click() |
| 173 | } | 212 | } |
| 174 | if (document.querySelector('#notice-change')) { | 213 | if (document.querySelector('#notice-change')) { |
| 214 | + window.config.MEDIAPLAY = data | ||
| 175 | document.querySelector('#notice-change').click() | 215 | document.querySelector('#notice-change').click() |
| 176 | } | 216 | } |
| 177 | if (document.querySelector('#quitevent-change')) { | 217 | if (document.querySelector('#quitevent-change')) { |
| 178 | document.querySelector('#quitevent-change').click() | 218 | document.querySelector('#quitevent-change').click() |
| 179 | } | 219 | } |
| 220 | + if (document.querySelector('#page-reload-change')) { | ||
| 221 | + window.config.PAGERELOAD = data | ||
| 222 | + document.querySelector('#page-reload-change').click() | ||
| 223 | + } | ||
| 180 | if (responseCallback) responseCallback(data) | 224 | if (responseCallback) responseCallback(data) |
| 181 | }) | 225 | }) |
| 182 | }) | 226 | }) |
| @@ -209,12 +253,6 @@ function networkStatus() { | @@ -209,12 +253,6 @@ function networkStatus() { | ||
| 209 | } | 253 | } |
| 210 | 254 | ||
| 211 | function appClearData() { | 255 | function appClearData() { |
| 212 | - if (window.config.VUE_BASE_NODE === 'dev') { | ||
| 213 | - if (document.querySelector('#clearData')) { | ||
| 214 | - document.querySelector('#clearData').click() | ||
| 215 | - } | ||
| 216 | - return | ||
| 217 | - } | ||
| 218 | if (judgTerminal() === 1) { | 256 | if (judgTerminal() === 1) { |
| 219 | connectWebViewJavascriptBridge(function (bridge) { | 257 | connectWebViewJavascriptBridge(function (bridge) { |
| 220 | bridge.registerHandler('jsCall_clearAppData', function (data, responseCallback) { | 258 | bridge.registerHandler('jsCall_clearAppData', function (data, responseCallback) { |
| @@ -236,11 +274,25 @@ function appClearData() { | @@ -236,11 +274,25 @@ function appClearData() { | ||
| 236 | } | 274 | } |
| 237 | } | 275 | } |
| 238 | 276 | ||
| 277 | +function mockAppRequestDetails() { | ||
| 278 | + setTimeout(() => { | ||
| 279 | + document.querySelector('#page-reload-change').click() | ||
| 280 | + }, 1000) | ||
| 281 | + | ||
| 282 | + setTimeout(() => { | ||
| 283 | + window.config.VUE_CONTENT_CONFIG = { | ||
| 284 | + code: '0', | ||
| 285 | + data: getArticleDetails() | ||
| 286 | + } | ||
| 287 | + if (document.querySelector('#detail-change')) { | ||
| 288 | + document.querySelector('#detail-change').click() | ||
| 289 | + } | ||
| 290 | + }, 1200) | ||
| 291 | +} | ||
| 292 | + | ||
| 239 | /* 该方法由H5预埋，App加载完成后 app主动传递数据用。 */ | 293 | /* 该方法由H5预埋，App加载完成后 app主动传递数据用。 */ |
| 240 | document.addEventListener('DOMContentLoaded', function () { | 294 | document.addEventListener('DOMContentLoaded', function () { |
| 241 | if (window.config.VUE_BASE_NODE === 'dev') { | 295 | if (window.config.VUE_BASE_NODE === 'dev') { |
| 242 | - return | ||
| 243 | - window.config.devApp = true | ||
| 244 | loadFile( | 296 | loadFile( |
| 245 | document, | 297 | document, |
| 246 | { | 298 | { |
| @@ -259,13 +311,32 @@ document.addEventListener('DOMContentLoaded', function () { | @@ -259,13 +311,32 @@ document.addEventListener('DOMContentLoaded', function () { | ||
| 259 | defer: 'defer' | 311 | defer: 'defer' |
| 260 | }, | 312 | }, |
| 261 | () => { | 313 | () => { |
| 262 | - window.config.VUE_CONTENT_CONFIG = { | ||
| 263 | - code: '0', | ||
| 264 | - data: articleData | ||
| 265 | - } | ||
| 266 | - if (document.querySelector('#detail-change')) { | ||
| 267 | - document.querySelector('#detail-change').click() | ||
| 268 | - } | 314 | + loadFile( |
| 315 | + document, | ||
| 316 | + { | ||
| 317 | + src: './js/plugin/axios.min.js', | ||
| 318 | + tag: 'script', | ||
| 319 | + type: 'text/javascript', | ||
| 320 | + defer: 'defer' | ||
| 321 | + }, | ||
| 322 | + () => { | ||
| 323 | + loadFile( | ||
| 324 | + document, | ||
| 325 | + { | ||
| 326 | + src: './js/utils/request.js', | ||
| 327 | + tag: 'script', | ||
| 328 | + type: 'text/javascript', | ||
| 329 | + defer: 'defer' | ||
| 330 | + }, | ||
| 331 | + () => { | ||
| 332 | + window.config.initLoad = true | ||
| 333 | + if (window.config && window.config.devApp) { | ||
| 334 | + mockAppRequestDetails() | ||
| 335 | + } | ||
| 336 | + } | ||
| 337 | + ) | ||
| 338 | + } | ||
| 339 | + ) | ||
| 269 | } | 340 | } |
| 270 | ) | 341 | ) |
| 271 | } | 342 | } |
| @@ -274,30 +345,34 @@ document.addEventListener('DOMContentLoaded', function () { | @@ -274,30 +345,34 @@ document.addEventListener('DOMContentLoaded', function () { | ||
| 274 | return | 345 | return |
| 275 | } | 346 | } |
| 276 | 347 | ||
| 277 | - if (judgTerminal() === 1) { | ||
| 278 | - connectWebViewJavascriptBridge(function (bridge) { | ||
| 279 | - bridge.registerHandler('jsCall_receiveAppData', function (data, responseCallback) { | ||
| 280 | - window.config.VUE_CONTENT_CONFIG = data | ||
| 281 | - if (document.querySelector('#detail-change')) { | ||
| 282 | - document.querySelector('#detail-change').click() | ||
| 283 | - } | ||
| 284 | - if (responseCallback) responseCallback(data) | 348 | + try { |
| 349 | + if (judgTerminal() === 1) { | ||
| 350 | + connectWebViewJavascriptBridge(function (bridge) { | ||
| 351 | + bridge.registerHandler('jsCall_receiveAppData', function (data, responseCallback) { | ||
| 352 | + window.config.VUE_CONTENT_CONFIG = data | ||
| 353 | + if (document.querySelector('#detail-change')) { | ||
| 354 | + document.querySelector('#detail-change').click() | ||
| 355 | + } | ||
| 356 | + if (responseCallback) responseCallback(data) | ||
| 357 | + }) | ||
| 285 | }) | 358 | }) |
| 286 | - }) | ||
| 287 | - } else { | ||
| 288 | - setupWebViewJavascriptBridge(function (bridge) { | ||
| 289 | - bridge.registerHandler('jsCall_receiveAppData', function (data, responseCallback) { | ||
| 290 | - window.config.VUE_CONTENT_CONFIG = data | ||
| 291 | - if (document.querySelector('#detail-change')) { | ||
| 292 | - document.querySelector('#detail-change').click() | ||
| 293 | - } | ||
| 294 | - if (responseCallback) responseCallback(data) | 359 | + } else { |
| 360 | + setupWebViewJavascriptBridge(function (bridge) { | ||
| 361 | + bridge.registerHandler('jsCall_receiveAppData', function (data, responseCallback) { | ||
| 362 | + window.config.VUE_CONTENT_CONFIG = data | ||
| 363 | + if (document.querySelector('#detail-change')) { | ||
| 364 | + document.querySelector('#detail-change').click() | ||
| 365 | + } | ||
| 366 | + if (responseCallback) responseCallback(data) | ||
| 367 | + }) | ||
| 295 | }) | 368 | }) |
| 296 | - }) | 369 | + } |
| 370 | + appClearData() | ||
| 371 | + connetAppLogin() | ||
| 372 | + networkStatus() | ||
| 373 | + } catch (e) { | ||
| 374 | + | ||
| 297 | } | 375 | } |
| 298 | - appClearData() | ||
| 299 | - connetAppLogin() | ||
| 300 | - networkStatus() | ||
| 301 | /* videoStatus() */ | 376 | /* videoStatus() */ |
| 302 | // setTimeout(() => { | 377 | // setTimeout(() => { |
| 303 | // window.config.VUE_APP_NETWORK = 1 | 378 | // window.config.VUE_APP_NETWORK = 1 |
| 1 | const successCode = [200, '0'] | 1 | const successCode = [200, '0'] |
| 2 | 2 | ||
| 3 | -async function request(config) { | ||
| 4 | - const { | ||
| 5 | - methot, | ||
| 6 | - url, | ||
| 7 | - timeOut = 1000000, | ||
| 8 | - prefix, | ||
| 9 | - appStatus = true, | ||
| 10 | - showError = true, | ||
| 11 | - environment = 'sit', | ||
| 12 | - token, | ||
| 13 | - data = {}, | ||
| 14 | - params = {}, | ||
| 15 | - showToken = true | ||
| 16 | - } = config | ||
| 17 | - return new Promise((resolve) => { | ||
| 18 | - if (url.includes('/mock')) { | ||
| 19 | - setTimeout(() => { | ||
| 20 | - const code = '0' | ||
| 21 | - | ||
| 22 | - if (appStatus) { | ||
| 23 | - appBlock(true) | ||
| 24 | - } | ||
| 25 | - | ||
| 26 | - if (!successCode.includes(code) && showError) { | ||
| 27 | - // errorBlock('./image/error.svg', '内容获取失败') | ||
| 28 | - errorBlock('./image/content_fail.svg', '获取内容失败') | ||
| 29 | - } | ||
| 30 | - | ||
| 31 | - const data = mockList.find(el => el.url === url).data | ||
| 32 | - | ||
| 33 | - resolve({ | ||
| 34 | - success: successCode.includes(code), | ||
| 35 | - data: successCode.includes(code) ? data ? deepCopy(data) : null : null | ||
| 36 | - }) | ||
| 37 | - }, timeOut) | ||
| 38 | - return | ||
| 39 | - } | ||
| 40 | - const VUE_BASE_API = window.config.VUE_BASE_API[environment] | ||
| 41 | - | ||
| 42 | - let responseUrl = VUE_BASE_API + prefix + url | ||
| 43 | - if (methot.toLowerCase() === 'get' && Object.keys(delectEmptyObj(params)).length) { | ||
| 44 | - responseUrl = `${responseUrl}?${tansParams(params)}` | ||
| 45 | - } | ||
| 46 | - const ajaxConfig = { | ||
| 47 | - type: methot, | ||
| 48 | - url: responseUrl, | ||
| 49 | - dataType: 'json', | ||
| 50 | - async: false, | ||
| 51 | - headers: { | ||
| 52 | - ...config.headers | ||
| 53 | - } | ||
| 54 | - } | ||
| 55 | - | ||
| 56 | - if (data && Object.keys(data).length) ajaxConfig.data = JSON.stringify(data) | ||
| 57 | - | ||
| 58 | - if (showToken && (token || getQueryVariable('token'))) { | ||
| 59 | - ajaxConfig.headers.token = token || getQueryVariable('token') | ||
| 60 | - } | ||
| 61 | - | ||
| 62 | - $.ajax({ | ||
| 63 | - contentType: 'application/json', | ||
| 64 | - timeout: 1, | ||
| 65 | - ...ajaxConfig, | ||
| 66 | - success: (res) => { | ||
| 67 | - if (appStatus) { | ||
| 68 | - appBlock(true) | ||
| 69 | - } | ||
| 70 | - | ||
| 71 | - if (!successCode.includes(res.code) && showError) { | ||
| 72 | - if (navigator.onLine) { | ||
| 73 | - errorBlock('./image/no_net.svg', 'No collection') | ||
| 74 | - } else { | ||
| 75 | - errorBlock('./image/no_net.svg', '暂无网络') | ||
| 76 | - } | ||
| 77 | - } | ||
| 78 | - | ||
| 79 | - resolve({ | ||
| 80 | - success: successCode.includes(res.code), | ||
| 81 | - data: successCode.includes(res.code) ? res.data : res | ||
| 82 | - }) | ||
| 83 | - }, | ||
| 84 | - error: (_, status) => { | ||
| 85 | - if (status.includes('timeout')) { | ||
| 86 | - errorBlock('./image/no_net.svg', '暂无网络') | ||
| 87 | - } else if (navigator.onLine) { | ||
| 88 | - // errorBlock('./image/error.svg', '内容获取失败') | ||
| 89 | - errorBlock('./image/content_fail.svg', '获取内容失败') | ||
| 90 | - } else { | ||
| 91 | - errorBlock('./image/no_net.svg', '暂无网络') | ||
| 92 | - } | ||
| 93 | - if (showError) { | ||
| 94 | - resolve({ | ||
| 95 | - success: false | ||
| 96 | - }) | ||
| 97 | - } | ||
| 98 | - } | ||
| 99 | - }) | ||
| 100 | - }) | ||
| 101 | -} | ||
| 102 | - | ||
| 103 | -async function fetchUrl(config) { | ||
| 104 | - const { | ||
| 105 | - methot, | ||
| 106 | - url, | ||
| 107 | - timeOut = 1000000, | ||
| 108 | - prefix, | ||
| 109 | - appStatus = true, | ||
| 110 | - showError = true, | ||
| 111 | - environment = 'uat', | ||
| 112 | - data = {}, | ||
| 113 | - params = {} | ||
| 114 | - } = config | ||
| 115 | - | ||
| 116 | - if (url.includes('/mock')) { | ||
| 117 | - setTimeout(() => { | ||
| 118 | - const code = '0' | ||
| 119 | - | ||
| 120 | - if (appStatus) { | ||
| 121 | - appBlock(true) | ||
| 122 | - } | ||
| 123 | - | ||
| 124 | - if (!successCode.includes(code) && showError) { | ||
| 125 | - // errorBlock('./image/error.svg', '内容获取失败') | ||
| 126 | - errorBlock('./image/content_fail.svg', '获取内容失败') | ||
| 127 | - } | ||
| 128 | - | ||
| 129 | - const data = mockList.find(el => el.url === url).data | ||
| 130 | - | ||
| 131 | - resolve({ | ||
| 132 | - success: successCode.includes(code), | ||
| 133 | - data: successCode.includes(code) ? data ? deepCopy(data) : null : null | ||
| 134 | - }) | ||
| 135 | - }, timeOut) | ||
| 136 | - return | ||
| 137 | - } | ||
| 138 | - | ||
| 139 | - const VUE_BASE_API = window.config.VUE_BASE_API[environment] | ||
| 140 | - | ||
| 141 | - let responseUrl = VUE_BASE_API + prefix + url | ||
| 142 | - if (methot.toLowerCase() === 'get' && Object.keys(delectEmptyObj(params)).length) { | ||
| 143 | - responseUrl = `${responseUrl}?${tansParams(params)}` | ||
| 144 | - } | ||
| 145 | - const ajaxConfig = { | ||
| 146 | - method: methot, | ||
| 147 | - headers: { | ||
| 148 | - ...config.headers | ||
| 149 | - } | ||
| 150 | - } | ||
| 151 | - if (data && Object.keys(data).length) ajaxConfig.body = JSON.stringify(data) | ||
| 152 | - | ||
| 153 | - return new Promise((resolve) => { | ||
| 154 | - fetch(responseUrl, ajaxConfig).then(res => res.json()).then(res => { | ||
| 155 | - if (appStatus) { | ||
| 156 | - appBlock(true) | ||
| 157 | - } | ||
| 158 | - | ||
| 159 | - if (!successCode.includes(res.code) && showError) { | ||
| 160 | - // errorBlock('./image/error.svg', '内容获取失败') | ||
| 161 | - errorBlock('./image/content_fail.svg', '获取内容失败') | ||
| 162 | - } | ||
| 163 | - | ||
| 164 | - resolve({ | ||
| 165 | - success: successCode.includes(res.code), | ||
| 166 | - data: successCode.includes(res.code) ? res.data : res | ||
| 167 | - }) | ||
| 168 | - }).catch(err => { | ||
| 169 | - console.log(err) | ||
| 170 | - if (showError) { | ||
| 171 | - resolve({ | ||
| 172 | - success: false | ||
| 173 | - }) | ||
| 174 | - } | ||
| 175 | - }) | ||
| 176 | - }) | ||
| 177 | - | ||
| 178 | - | ||
| 179 | -} | ||
| 180 | - | ||
| 181 | async function axiosRequest(config) { | 3 | async function axiosRequest(config) { |
| 182 | const { | 4 | const { |
| 183 | methot, | 5 | methot, |
| 1 | let appH5Height = 0 | 1 | let appH5Height = 0 |
| 2 | 2 | ||
| 3 | +function loadCSS(path) { | ||
| 4 | + var link = document.createElement('link') | ||
| 5 | + link.rel = 'stylesheet' | ||
| 6 | + link.type = 'text/css' | ||
| 7 | + link.href = path // 替换成你的CSS文件路径 | ||
| 8 | + document.head.appendChild(link) | ||
| 9 | +} | ||
| 10 | + | ||
| 3 | /** | 11 | /** |
| 4 | * @Author gx12358 | 12 | * @Author gx12358 |
| 5 | * @DateTime 2022/1/19 | 13 | * @DateTime 2022/1/19 |
| @@ -333,12 +341,12 @@ function formatDuraton(time, showHour) { | @@ -333,12 +341,12 @@ function formatDuraton(time, showHour) { | ||
| 333 | function changeContentHtmlHeight(options = {}) { | 341 | function changeContentHtmlHeight(options = {}) { |
| 334 | try { | 342 | try { |
| 335 | const height = document.querySelector(options.str || '.gx-mobile').getBoundingClientRect().height | 343 | const height = document.querySelector(options.str || '.gx-mobile').getBoundingClientRect().height |
| 336 | - if (appH5Height !== height) { | 344 | + if ((appH5Height !== height) || options.report) { |
| 337 | appH5Height = height | 345 | appH5Height = height |
| 338 | 346 | ||
| 339 | // 两种方式拿到的值是一样的 | 347 | // 两种方式拿到的值是一样的 |
| 340 | try { | 348 | try { |
| 341 | - // console.log('高度', options.type || 'previewInit', appH5Height) | 349 | + // console.warn('高度', options.type || 'previewInit', appH5Height) |
| 342 | sendNative( | 350 | sendNative( |
| 343 | 'jsCall_currentPageOperate', | 351 | 'jsCall_currentPageOperate', |
| 344 | { | 352 | { |
| @@ -939,8 +947,10 @@ function shareTypePoint({ | @@ -939,8 +947,10 @@ function shareTypePoint({ | ||
| 939 | function followTypePoint({ | 947 | function followTypePoint({ |
| 940 | type, | 948 | type, |
| 941 | followUserName, | 949 | followUserName, |
| 950 | + cancelFollowUserName, | ||
| 942 | duration, | 951 | duration, |
| 943 | followPDUserId, | 952 | followPDUserId, |
| 953 | + cancelFollowPDUseId, | ||
| 944 | pageId, | 954 | pageId, |
| 945 | newsType, | 955 | newsType, |
| 946 | subSceneId, | 956 | subSceneId, |
| @@ -952,16 +962,16 @@ function followTypePoint({ | @@ -952,16 +962,16 @@ function followTypePoint({ | ||
| 952 | newsTitle, | 962 | newsTitle, |
| 953 | channelId, | 963 | channelId, |
| 954 | trace = true, | 964 | trace = true, |
| 955 | - sceneId, | 965 | + sceneId |
| 956 | // traceId, | 966 | // traceId, |
| 957 | // traceInfo | 967 | // traceInfo |
| 958 | }) { | 968 | }) { |
| 959 | // const trace_id = traceId || 'selfhold' | 969 | // const trace_id = traceId || 'selfhold' |
| 960 | const traceOptions = trace ? { | 970 | const traceOptions = trace ? { |
| 961 | sceneId: sceneId, | 971 | sceneId: sceneId, |
| 962 | - itemId: itemId, | 972 | + itemId: `${type == 1 ? followPDUserId : cancelFollowPDUseId}_author`, |
| 963 | subSceneId, | 973 | subSceneId, |
| 964 | - cnsTraceId, | 974 | + cnsTraceId |
| 965 | } : {} | 975 | } : {} |
| 966 | const pageName = newsType == '8' | 976 | const pageName = newsType == '8' |
| 967 | ? 'articleDetailPage' | 977 | ? 'articleDetailPage' |
| @@ -969,19 +979,21 @@ function followTypePoint({ | @@ -969,19 +979,21 @@ function followTypePoint({ | ||
| 969 | 'atlas_detail_page' : newsType == '10' ? | 979 | 'atlas_detail_page' : newsType == '10' ? |
| 970 | 'operation_page' : newsType == '1' ? | 980 | 'operation_page' : newsType == '1' ? |
| 971 | 'video_detail_page' : newsType == '2' ? | 981 | 'video_detail_page' : newsType == '2' ? |
| 972 | - 'live_detail_page' : '' | 982 | + 'live_detail_page' : newsType == '13' ? |
| 983 | + 'audioTextPage' : '' | ||
| 984 | + const useInfos = type === 1 ? { followPDUserId, followUserName } : { cancelFollowUserName, cancelFollowPDUseId } | ||
| 973 | console.log({ | 985 | console.log({ |
| 974 | - action: type === 1 ? 'follow' : 'unFollow', | ||
| 975 | - pageName: pageName, | ||
| 976 | - audio_positive_pybk: pageId || pageName, | ||
| 977 | - duration, | 986 | + duration: 0, |
| 987 | + shareChannel: '', | ||
| 988 | + action: type === 1 ? 'follow' : 'unfollow', | ||
| 989 | + pageName, | ||
| 990 | + pageId: pageName, | ||
| 978 | contentClassify, | 991 | contentClassify, |
| 979 | - followPDUserId, | ||
| 980 | - followUserName, | 992 | + ...useInfos, |
| 981 | contentId: newsId, | 993 | contentId: newsId, |
| 982 | contentStyle: appstyle, | 994 | contentStyle: appstyle, |
| 983 | contentName: newsTitle, | 995 | contentName: newsTitle, |
| 984 | - contentType: Number(newsType), | 996 | + contentType: newsType, |
| 985 | channelSourceId: channelId, | 997 | channelSourceId: channelId, |
| 986 | contentShowChannelId: channelId, | 998 | contentShowChannelId: channelId, |
| 987 | ...traceOptions | 999 | ...traceOptions |
| @@ -992,17 +1004,17 @@ function followTypePoint({ | @@ -992,17 +1004,17 @@ function followTypePoint({ | ||
| 992 | { | 1004 | { |
| 993 | eventId: type === 1 ? 'follow_click' : 'cancel_follow_click', | 1005 | eventId: type === 1 ? 'follow_click' : 'cancel_follow_click', |
| 994 | parameters: { | 1006 | parameters: { |
| 995 | - action: type === 1 ? 'follow' : 'unFollow', | ||
| 996 | - pageName: pageName, | ||
| 997 | - audio_positive_pybk: pageId || pageName, | ||
| 998 | - duration, | 1007 | + duration: 0, |
| 1008 | + shareChannel: '', | ||
| 1009 | + action: type === 1 ? 'follow' : 'unfollow', | ||
| 1010 | + pageName, | ||
| 1011 | + pageId: pageName, | ||
| 999 | contentClassify, | 1012 | contentClassify, |
| 1000 | - followPDUserId, | ||
| 1001 | - followUserName, | 1013 | + ...useInfos, |
| 1002 | contentId: newsId, | 1014 | contentId: newsId, |
| 1003 | contentStyle: appstyle, | 1015 | contentStyle: appstyle, |
| 1004 | contentName: newsTitle, | 1016 | contentName: newsTitle, |
| 1005 | - contentType: Number(newsType), | 1017 | + contentType: newsType, |
| 1006 | channelSourceId: channelId, | 1018 | channelSourceId: channelId, |
| 1007 | contentShowChannelId: channelId, | 1019 | contentShowChannelId: channelId, |
| 1008 | ...traceOptions | 1020 | ...traceOptions |
| @@ -1024,8 +1036,10 @@ function normalClickTypePoint({ | @@ -1024,8 +1036,10 @@ function normalClickTypePoint({ | ||
| 1024 | appstyle, | 1036 | appstyle, |
| 1025 | newsTitle, | 1037 | newsTitle, |
| 1026 | channelId, | 1038 | channelId, |
| 1039 | + voteOption, | ||
| 1040 | + voteContent, | ||
| 1027 | trace = true, | 1041 | trace = true, |
| 1028 | - sceneId, | 1042 | + sceneId |
| 1029 | // traceId, | 1043 | // traceId, |
| 1030 | // traceInfo | 1044 | // traceInfo |
| 1031 | }) { | 1045 | }) { |
| @@ -1034,7 +1048,7 @@ function normalClickTypePoint({ | @@ -1034,7 +1048,7 @@ function normalClickTypePoint({ | ||
| 1034 | sceneId: sceneId, | 1048 | sceneId: sceneId, |
| 1035 | itemId: itemId, | 1049 | itemId: itemId, |
| 1036 | subSceneId, | 1050 | subSceneId, |
| 1037 | - cnsTraceId, | 1051 | + cnsTraceId |
| 1038 | } : {} | 1052 | } : {} |
| 1039 | const pageName = newsType == '8' | 1053 | const pageName = newsType == '8' |
| 1040 | ? 'articleDetailPage' | 1054 | ? 'articleDetailPage' |
| @@ -1042,39 +1056,26 @@ function normalClickTypePoint({ | @@ -1042,39 +1056,26 @@ function normalClickTypePoint({ | ||
| 1042 | 'atlas_detail_page' : newsType == '10' ? | 1056 | 'atlas_detail_page' : newsType == '10' ? |
| 1043 | 'operation_page' : newsType == '1' ? | 1057 | 'operation_page' : newsType == '1' ? |
| 1044 | 'video_detail_page' : newsType == '2' ? | 1058 | 'video_detail_page' : newsType == '2' ? |
| 1045 | - 'live_detail_page' : '' | 1059 | + 'live_detail_page' : newsType == '13' ? |
| 1060 | + 'audioTextPage' : '' | ||
| 1046 | console.log({ | 1061 | console.log({ |
| 1047 | - action: 'detailPageShow', | ||
| 1048 | - pageName: pageName, | ||
| 1049 | - audio_positive_pybk: pageId || pageName, | ||
| 1050 | - duration, | ||
| 1051 | - contentClassify, | ||
| 1052 | - contentId: newsId, | ||
| 1053 | - contentStyle: appstyle, | ||
| 1054 | - contentName: newsTitle, | ||
| 1055 | - contentType: Number(newsType), | ||
| 1056 | - channelSourceId: channelId, | ||
| 1057 | - contentShowChannelId: channelId, | ||
| 1058 | - ...traceOptions | 1062 | + clickButtonName: 'vote_submit', |
| 1063 | + pageName, | ||
| 1064 | + pageId: pageName, | ||
| 1065 | + voteOption, | ||
| 1066 | + voteContent, | ||
| 1059 | }) | 1067 | }) |
| 1060 | try { | 1068 | try { |
| 1061 | sendNative( | 1069 | sendNative( |
| 1062 | 'jsCall_h5TrackingEvent', | 1070 | 'jsCall_h5TrackingEvent', |
| 1063 | { | 1071 | { |
| 1064 | - eventId: 'content_click', | 1072 | + eventId: 'name_click', |
| 1065 | parameters: { | 1073 | parameters: { |
| 1066 | - action: 'detailPageShow', | ||
| 1067 | - pageName: pageName, | ||
| 1068 | - audio_positive_pybk: pageId || pageName, | ||
| 1069 | - duration, | ||
| 1070 | - contentClassify, | ||
| 1071 | - contentId: newsId, | ||
| 1072 | - contentStyle: appstyle, | ||
| 1073 | - contentName: newsTitle, | ||
| 1074 | - contentType: Number(newsType), | ||
| 1075 | - channelSourceId: channelId, | ||
| 1076 | - contentShowChannelId: channelId, | ||
| 1077 | - ...traceOptions | 1074 | + clickButtonName: 'vote_submit', |
| 1075 | + pageName, | ||
| 1076 | + pageId: pageName, | ||
| 1077 | + voteOption, | ||
| 1078 | + voteContent, | ||
| 1078 | } | 1079 | } |
| 1079 | } | 1080 | } |
| 1080 | ) | 1081 | ) |
| @@ -1149,7 +1150,7 @@ function handleMediaSrc(src) { | @@ -1149,7 +1150,7 @@ function handleMediaSrc(src) { | ||
| 1149 | return src | 1150 | return src |
| 1150 | } | 1151 | } |
| 1151 | 1152 | ||
| 1152 | -function getTextWidth(str, cssObject) { | 1153 | +function getTextWidth(str, cssObject, type = 'width') { |
| 1153 | let width = 0 | 1154 | let width = 0 |
| 1154 | const elememt = document.createElement('span') | 1155 | const elememt = document.createElement('span') |
| 1155 | elememt.innerText = str | 1156 | elememt.innerText = str |
| @@ -1159,7 +1160,7 @@ function getTextWidth(str, cssObject) { | @@ -1159,7 +1160,7 @@ function getTextWidth(str, cssObject) { | ||
| 1159 | 1160 | ||
| 1160 | document.querySelector('#hidden').append(elememt) | 1161 | document.querySelector('#hidden').append(elememt) |
| 1161 | 1162 | ||
| 1162 | - width = elememt.getBoundingClientRect().width | 1163 | + width = elememt.getBoundingClientRect()[type] |
| 1163 | 1164 | ||
| 1164 | document.querySelector('#hidden').removeChild(elememt) | 1165 | document.querySelector('#hidden').removeChild(elememt) |
| 1165 | 1166 | ||
| @@ -1170,17 +1171,18 @@ function htmlDecode(str) { | @@ -1170,17 +1171,18 @@ function htmlDecode(str) { | ||
| 1170 | var s = '' | 1171 | var s = '' |
| 1171 | if (!str || str.length == 0) return '' | 1172 | if (!str || str.length == 0) return '' |
| 1172 | try { | 1173 | try { |
| 1173 | - s = str.replace(/>/g, '>') | ||
| 1174 | - s = s.replace(/</g, '<') | ||
| 1175 | - s = s.replace(/ /g, ' ') | ||
| 1176 | - s = s.replace(/'/g, '\'') | 1174 | + // s = str.replace(/>/g, '>') |
| 1175 | + // s = s.replace(/</g, '<') | ||
| 1176 | + // s = s.replace(/ /g, ' ') | ||
| 1177 | + // s = str.replace(/<.*?on\w+=(['"])(.*?)\1.*?>/g, '') | ||
| 1178 | + s = str.replace(/'/g, '\'') | ||
| 1177 | // s = s.replace(/"/g, '"') | 1179 | // s = s.replace(/"/g, '"') |
| 1178 | s = s.replace(/“/g, '\“') | 1180 | s = s.replace(/“/g, '\“') |
| 1179 | s = s.replace(/”/g, '\”') | 1181 | s = s.replace(/”/g, '\”') |
| 1180 | s = s.replace(/–/g, '–') | 1182 | s = s.replace(/–/g, '–') |
| 1181 | s = s.replace(/—/g, '—') | 1183 | s = s.replace(/—/g, '—') |
| 1182 | s = s.replace(/&/g, '&') | 1184 | s = s.replace(/&/g, '&') |
| 1183 | - s = s.replace(/<br>/g, '\n') | 1185 | + // s = s.replace(/<br>|<br\/>/g, '') |
| 1184 | } catch (err) { | 1186 | } catch (err) { |
| 1185 | s = str | 1187 | s = str |
| 1186 | } | 1188 | } |
| @@ -1195,7 +1197,7 @@ function clearEmptyPel() { | @@ -1195,7 +1197,7 @@ function clearEmptyPel() { | ||
| 1195 | const childList = pEl[i].childNodes | 1197 | const childList = pEl[i].childNodes |
| 1196 | 1198 | ||
| 1197 | if (childList.length === 0 || (childList.length === 1 && childList[0].nodeType === 3)) { | 1199 | if (childList.length === 0 || (childList.length === 1 && childList[0].nodeType === 3)) { |
| 1198 | - if (childList.length > 0 ) { | 1200 | + if (childList.length > 0) { |
| 1199 | const text = childList[0].textContent | 1201 | const text = childList[0].textContent |
| 1200 | 1202 | ||
| 1201 | if (!text.trim()) { | 1203 | if (!text.trim()) { |
| @@ -1283,10 +1285,55 @@ function Base64() { | @@ -1283,10 +1285,55 @@ function Base64() { | ||
| 1283 | } | 1285 | } |
| 1284 | } | 1286 | } |
| 1285 | 1287 | ||
| 1288 | +function getFileSuffix(url = '') { | ||
| 1289 | + url = getVideoFileUrl(url) | ||
| 1290 | + const index = url.lastIndexOf('.') | ||
| 1291 | + return index > 0 ? | ||
| 1292 | + `${url.substring(index).split('?')[0]}`.split('.')[1] | ||
| 1293 | + : | ||
| 1294 | + '' | ||
| 1295 | +} | ||
| 1296 | + | ||
| 1297 | +// 1 图片 2 视频 | ||
| 1298 | +function handleImageSrc(src, type = 1) { | ||
| 1299 | + if (!src) return '' | ||
| 1300 | + let fileSuffix = '' | ||
| 1301 | + try { | ||
| 1302 | + fileSuffix = getFileSuffix(src) | ||
| 1303 | + } catch (e) { | ||
| 1304 | + | ||
| 1305 | + } | ||
| 1306 | + const hasGif = fileSuffix | ||
| 1307 | + ? fileSuffix.toLowerCase() === 'gif' | ||
| 1308 | + : (src.includes('.gif') || src.includes('.GIF')) | ||
| 1309 | + if ( | ||
| 1310 | + src.includes('rmrbcmsonline.peopleapp.com') && | ||
| 1311 | + !hasGif | ||
| 1312 | + ) { | ||
| 1313 | + if (type === 1) { | ||
| 1314 | + return `${src.split('?')[0]}?x-oss-process=image/resize,w_700/quality,q_90/format,jpg` | ||
| 1315 | + } else if (type === 2) { | ||
| 1316 | + try { | ||
| 1317 | + if ([ 'mp4', 'swf', 'rmvb', 'avi', 'flv', 'mpg', 'rm', 'mov', 'asf', '3gp', 'mkv', 'ts', 'f4v', 'webm', 'm4v', '3g2', 'm3u8' ].includes( | ||
| 1318 | + fileSuffix.toLowerCase() | ||
| 1319 | + )) { | ||
| 1320 | + return src | ||
| 1321 | + | ||
| 1322 | + } | ||
| 1323 | + if ([ 'bmp', 'png', 'gif', 'jpg', 'jpeg', 'psd', 'tif' ].includes(fileSuffix.toLowerCase())) { | ||
| 1324 | + return `${src.split('?')[0]}?x-oss-process=style/w10` | ||
| 1325 | + } | ||
| 1326 | + } catch (e) { | ||
| 1327 | + | ||
| 1328 | + } | ||
| 1329 | + } | ||
| 1330 | + } | ||
| 1331 | + return src | ||
| 1332 | +} | ||
| 1333 | + | ||
| 1286 | // 内容类型 1:点播,2:直播,3:活动,4:广告,5:专题,6:链接,7:榜单,8:图文,9:组图,10:H5新闻,11:频道,12:组件,13:音频,14动态图文,15动态视频 | 1334 | // 内容类型 1:点播,2:直播,3:活动,4:广告,5:专题,6:链接,7:榜单,8:图文,9:组图,10:H5新闻,11:频道,12:组件,13:音频,14动态图文,15动态视频 |
| 1287 | // 专题(21:文章专题,22:音频专题,23:直播专题,24:话题专题,25:早晚报专题,26:时间轴专题) | 1335 | // 专题(21:文章专题,22:音频专题,23:直播专题,24:话题专题,25:早晚报专题,26:时间轴专题) |
| 1288 | -function jumpAppInnerFun(record) { | ||
| 1289 | - console.log(record) | 1336 | +function jumpAppInnerFun(record, url) { |
| 1290 | try { | 1337 | try { |
| 1291 | if (record.contentType == 1) { | 1338 | if (record.contentType == 1) { |
| 1292 | sendNative( | 1339 | sendNative( |
| @@ -1334,7 +1381,8 @@ function jumpAppInnerFun(record) { | @@ -1334,7 +1381,8 @@ function jumpAppInnerFun(record) { | ||
| 1334 | sendNative( | 1381 | sendNative( |
| 1335 | 'jsCall_appInnerLinkMethod', | 1382 | 'jsCall_appInnerLinkMethod', |
| 1336 | { | 1383 | { |
| 1337 | - appInnerLink: `rmrbapp://rmrb.app/openwith?type=topic&subType=h5&pageId=${record.pageId}&url=${encodeURIComponent(record.innerUrl)}&skipType=1` | 1384 | + appInnerLink: `rmrbapp://rmrb.app/openwith?type=topic&subType=h5&pageId=${record.pageId}&url=${encodeURIComponent( |
| 1385 | + record.innerUrl)}&skipType=1` | ||
| 1338 | } | 1386 | } |
| 1339 | ) | 1387 | ) |
| 1340 | } else if (record.contentType == 22) { | 1388 | } else if (record.contentType == 22) { |
-
Please register or login to post a comment