yuzhilin

H5详情页

Showing 57 changed files with 2746 additions and 2124 deletions
... ... @@ -31,9 +31,13 @@ export struct WdWebLocalComponent {
.visibility(this.backVisibility ? Visibility.Visible : Visibility.None)
Web({ src: this.webResource, controller: this.webviewControl })
.layoutMode(WebLayoutMode.FIT_CONTENT)
.domStorageAccess(true)
.databaseAccess(true)
.javaScriptAccess(true)
// .imageAccess(true)
// .onlineImageAccess(true)
// .fileAccess(true)
.onPageBegin((event) => {
// setDefaultNativeWebSettings(this.webviewControl, this.webResource).then(()=>{
... ...
... ... @@ -10,7 +10,7 @@ export interface ResponseBean{
message: string;
// 响应结果
data:ContentDetailDTO;
data:ContentDetailDTO[];
// 请求响应时间戳(unix格式)
timestamp?: number;
... ...
... ... @@ -33,109 +33,91 @@ export interface OperationItem {
export struct ImageAndTextPageComponent {
scroller: Scroller = new Scroller();
action: Action = {} as Action
@State contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
@State contentDetailData: ContentDetailDTO [] = [] as ContentDetailDTO []
@State recommendList: ContentDTO[] = []
@State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态
@State interactData: InteractDataDTO = {} as InteractDataDTO
@State operationList: OperationItem[] = [
{
icon: $r('app.media.ic_comment'),
text: "评论",
},
{
icon: $r('app.media.ic_like_uncheck'),
icon_check: $r('app.media.ic_like_check'),
text: "点赞",
},
{
icon: $r('app.media.ic_collect_uncheck'),
icon_check: $r('app.media.ic_collect_check'),
text: "收藏",
},
{
icon: $r('app.media.ic_share'),
text: "分享"
}
]
build() {
Column() {
Column() {
// 发布时间
// Row() {
// Image($r('app.media.icon_ren_min_ri_bao'))
// .width(70)
// .height(28)
// Text(this.contentDetailData.publishTime)
// .fontColor($r('app.color.color_B0B0B0'))
// .fontSize($r('app.float.font_size_13'))
// .height('100%')
// .align(Alignment.End)
// }
// .width(CommonConstants.FULL_WIDTH)
// .height(32)
// .padding({ left: 15, right: 15, })
// .justifyContent(FlexAlign.SpaceBetween)
// .backgroundColor(Color.White)
// Row() {
// Image($r('app.media.line'))
// .width('100%')
// .height(6)
// .objectFit(ImageFit.Cover)
// .margin({ top: 10 })
// }
// .padding({ left: 15, right: 15, })
// .backgroundColor(Color.White)
Row() {
Image($r('app.media.icon_ren_min_ri_bao'))
.width(70)
.height(28)
Text(this.contentDetailData[0]?.publishTime)
.fontColor($r('app.color.color_B0B0B0'))
.fontSize($r('app.float.font_size_13'))
.height('100%')
.align(Alignment.End)
}
.width(CommonConstants.FULL_WIDTH)
.height(32)
.padding({ left: 15, right: 15, })
.justifyContent(FlexAlign.SpaceBetween)
.backgroundColor(Color.White)
Row() {
Image($r('app.media.line'))
.width('100%')
.height(6)
.objectFit(ImageFit.Cover)
.margin({ top: 10 })
}
.padding({ left: 15, right: 15, })
.backgroundColor(Color.White)
Stack({ alignContent: Alignment.Bottom }) {
List() {
//详情展示区
ListItem() {
Column() {
ImageAndTextWebComponent({ contentDetailData: this.contentDetailData, action: this.action })
ImageAndTextWebComponent({
contentDetailData: this.contentDetailData,
action: this.action,
})
}.width(CommonConstants.FULL_WIDTH)
.height(CommonConstants.FULL_HEIGHT)
}
.backgroundColor(Color.White)
// if (this.contentDetailData.openLikes === 1) {
// ListItem() {
// // 点赞
// Row() {
// Row() {
// if (this.newsStatusOfUser?.likeStatus === '1') {
// 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')))
// .width(24)
// .height(24)
// .margin({ right: 5 })
// } else {
// Image(this.contentDetailData.likesStyle === 1 ? $r('app.media.icon_like') : (this.contentDetailData.likesStyle === 2 ? $r('app.media.icon_prayer') : $r('app.media.icon_candle')))
// .width(24)
// .height(24)
// .margin({ right: 5 })
// }
// Text(`${this.interactData?.likeNum || 0}`)
// .fontSize(16)
// .fontColor(this.newsStatusOfUser?.likeStatus === '1' ? '#ED2800' : '#999999')
// .fontWeight(500)
// }.alignItems(VerticalAlign.Center)
// .onClick(() => {
// this.toggleLikeStatus()
// })
//
// }.width(CommonConstants.FULL_WIDTH).height(80)
// .justifyContent(FlexAlign.Center)
// }
// .backgroundColor(Color.White)
// .margin({ bottom: 5 })
// }
if (this.contentDetailData[0]?.openLikes === 1) {
ListItem() {
// 点赞
Row() {
Row() {
if (this.newsStatusOfUser?.likeStatus === '1') {
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')))
.width(24)
.height(24)
.margin({ right: 5 })
} else {
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')))
.width(24)
.height(24)
.margin({ right: 5 })
}
Text(`${this.interactData?.likeNum || 0}`)
.fontSize(16)
.fontColor(this.newsStatusOfUser?.likeStatus === '1' ? '#ED2800' : '#999999')
.fontWeight(500)
}.alignItems(VerticalAlign.Center)
.onClick(() => {
this.toggleLikeStatus()
})
//相关推荐区
// ListItem() {
// RecommendList({ recommendList: this.recommendList })
// }
// .backgroundColor(Color.White)
}.width(CommonConstants.FULL_WIDTH).height(80)
.justifyContent(FlexAlign.Center)
}
.border({
width: { bottom: 5 },
color: '#f5f5f5',
})
}
// 相关推荐区
ListItem() {
RecommendList({ recommendList: this.recommendList })
}
}
.width(CommonConstants.FULL_WIDTH)
.height(CommonConstants.FULL_HEIGHT)
... ... @@ -177,12 +159,13 @@ export struct ImageAndTextPageComponent {
}
.width(CommonConstants.FULL_WIDTH)
.height(56)
.backgroundColor(Color.White)
.padding({ left: 15, right: 15, })
.padding({ left: 15, right: 15, bottom: 50, top: 20 })
.justifyContent(FlexAlign.SpaceBetween)
.backgroundColor(Color.White)
}
}.backgroundColor("#f5f5f5")
}.width(CommonConstants.FULL_WIDTH).height(CommonConstants.FULL_HEIGHT)
.backgroundColor(Color.White)
}
private async getDetail() {
... ... @@ -204,28 +187,28 @@ export struct ImageAndTextPageComponent {
}
let detailBeans = await DetailViewModel.getDetailPageData(relId, contentId, relType)
if (detailBeans && detailBeans.length > 0) {
this.contentDetailData = detailBeans[0];
//TODO
// if (this.contentDetailData.recommendShow === 1) {
// this.getRecommend()
// }
// if (this.contentDetailData.openLikes === 1) {
// this.getInteractDataStatus()
// this.queryContentInteractCount()
// }
this.contentDetailData = detailBeans;
if (this.contentDetailData[0]?.recommendShow === 1) {
this.getRecommend()
}
if (this.contentDetailData[0]?.openLikes === 1) {
this.getInteractDataStatus()
this.queryContentInteractCount()
}
}
}
}
private async getRecommend() {
let params: postRecommendListParams = {
imei: "8272c108-4fa2-34ce-80b9-bc425a7c2a7e",
userId: HttpUrlUtils.getUserId(),
contentId: String(this.contentDetailData.newsId),
contentId: String(this.contentDetailData[0]?.newsId),
recType: 1,
contentType: this.contentDetailData.newsType,
relId: this.contentDetailData?.reLInfo?.relId,
channelId: String(this.contentDetailData?.reLInfo?.channelId)
contentType: this.contentDetailData[0]?.newsType,
relId: this.contentDetailData[0]?.reLInfo?.relId,
channelId: String(this.contentDetailData[0]?.reLInfo?.channelId)
}
let recommendList = await DetailViewModel.postRecommendList(params)
if (recommendList && recommendList.length > 0) {
... ... @@ -239,8 +222,8 @@ export struct ImageAndTextPageComponent {
const params: batchLikeAndCollectParams = {
contentList: [
{
contentId: this.contentDetailData?.newsId + '',
contentType: this.contentDetailData?.newsType + '',
contentId: this.contentDetailData[0]?.newsId + '',
contentType: this.contentDetailData[0]?.newsType + '',
}
]
}
... ... @@ -265,8 +248,8 @@ export struct ImageAndTextPageComponent {
}
const params: postExecuteLikeParams = {
status: this.newsStatusOfUser?.likeStatus === '1' ? '0' : '1',
contentId: this.contentDetailData?.newsId + '',
contentType: this.contentDetailData?.newsType + '',
contentId: this.contentDetailData[0]?.newsId + '',
contentType: this.contentDetailData[0]?.newsType + '',
}
PageRepository.postExecuteLike(params).then(res => {
console.log(TAG, '点赞、取消点赞', 'toggleLikeStatus==',)
... ... @@ -285,8 +268,8 @@ export struct ImageAndTextPageComponent {
console.error(TAG, 'contentDetailData2222', JSON.stringify(this.contentDetailData))
const params: contentListParams = {
contentList: [{
contentId: this.contentDetailData?.newsId + '',
contentType: this.contentDetailData?.newsType,
contentId: this.contentDetailData[0]?.newsId + '',
contentType: this.contentDetailData[0]?.newsType,
}]
}
PageRepository.getContentInteract(params).then(res => {
... ...
... ... @@ -9,13 +9,13 @@ import {
import { Logger } from 'wdKit';
import { WdWebComponent, WdWebLocalComponent } from 'wdWebComponent';
import { NativeCallH5Type } from 'wdWebComponent/src/main/ets/pages/NativeCallH5Type';
import { BridgeWebViewControl } from '../../../../../../commons/wdWebComponent/oh_modules/wdJsBridge/Index';
import { BridgeWebViewControl } from 'wdJsBridge/Index';
@Component
export struct ImageAndTextWebComponent {
action: Action = {} as Action
@State reload: number = 0;
@Prop @Watch('onDetailDataUpdated') contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
@Prop @Watch('onDetailDataUpdated') contentDetailData: ContentDetailDTO [] = [] as ContentDetailDTO []
webviewControl: BridgeWebViewControl = new BridgeWebViewControl()
onDetailDataUpdated() {
... ... @@ -72,7 +72,7 @@ export struct ImageAndTextWebComponent {
// TODO 暂延时1s,考虑业务流程再优化
setTimeout(() => {
this.sendContentData2H5(h5ReceiveAppData);
}, 1000)
}, 2000)
}
... ... @@ -85,6 +85,11 @@ export struct ImageAndTextWebComponent {
webResource: $rawfile('apph5/index.html'),
backVisibility: false,
})
// WdWebLocalComponent({
// webviewControl: this.webviewControl,
// webResource: "http://pd-people-uat.pdnews.cn/articletopic/35398-10000015965",
// backVisibility: false,
// })
}
}
... ...
import { ContentDTO } from 'wdBean';
import { CommonConstants } from 'wdConstant';
import { Card3Component } from '../cardview/Card3Component'
import { Card6Component } from '../cardview/Card6Component'
import { CardParser } from '../CardParser';
const RECOMMEND_LIST_TITLE = '相关推荐'
... ... @@ -28,12 +27,13 @@ export struct RecommendList {
.width(CommonConstants.FULL_PARENT)
.justifyContent(FlexAlign.Start)
}
ForEach(this.recommendList, (item: ContentDTO, index: number) => {
if (item.coverUrl) {
Card6Component({ contentDTO: item })
} else {
Card3Component({ contentDTO: item })
}
ForEach(this.recommendList, (item: ContentDTO) => {
Row(){
CardParser({ contentDTO: item });
}.border({
width:{bottom: 1},
color: '#f5f5f5'
})
}, (item: ContentDTO) => JSON.stringify(item))
}.width('100%')
}
... ...
.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 {
}
.skeleton-loading {
display: block;
padding: 0.32rem 0.48rem 0;
height: 17.57333333rem;
padding: 0.26666667rem 0.48rem 0;
height: 100%;
overflow: hidden;
}
.skeleton-loading.active {
... ... @@ -286,7 +286,8 @@ body #app::-webkit-scrollbar-track {
width: 4.26666667rem;
height: 2.98666667rem;
}
.error-block .error-block-retry-btn {
.error-block .error-block-retry-btn,
.error-block .error-block-reload-btn {
width: 2.13333333rem;
height: 0.74666667rem;
border-radius: 0.08rem;
... ... @@ -299,6 +300,9 @@ body #app::-webkit-scrollbar-track {
text-align: center;
color: #666666;
}
.error-block .error-block-reload-btn {
width: 3.73333333rem;
}
.error-block .error-block-description-title {
text-align: center;
margin: 0 auto;
... ... @@ -333,10 +337,6 @@ body #app::-webkit-scrollbar-track {
width: 100%;
height: 17.57333333rem;
}
.gx-mobile.active {
animation-name: fadeIn;
animation-duration: 0.2s;
}
.refresh-content {
height: 100%;
}
... ... @@ -470,6 +470,36 @@ html[dark-mode] body .footer {
.anticon-spin {
animation: loadingCircle 1s infinite linear;
}
.prism-player {
position: relative;
}
.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 .loading-center,
.prism-player .prism-ErrorMessage,
.prism-player .prism-thumbnail,
.prism-player .prism-cc-selector,
.prism-player .prism-speed-selector,
.prism-player .prism-quality-selector,
.prism-player .prism-audio-selector,
.prism-player .prism-setting-list,
.prism-player .prism-volume-control,
.prism-player .prism-auto-stream-selector,
.prism-player .prism-marker-text {
display: none !important;
}
@keyframes fadeIn {
0% {
opacity: 0;
... ...
{"version":3,"sources":["global.less"],"names":[],"mappings":"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","file":"global.css"}
\ No newline at end of file
{"version":3,"sources":["global.less"],"names":[],"mappings":"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","file":"global.css"}
\ No newline at end of file
... ...
... ... @@ -239,8 +239,8 @@ body {
.skeleton-loading {
display: block;
padding: (12 / 37.5rem) (18 / 37.5rem) 0;
height: (659 / 37.5rem);
padding: (10 / 37.5rem) (18 / 37.5rem) 0;
height: 100%;
overflow: hidden;
&.active {
... ... @@ -277,7 +277,7 @@ body {
}
}
.error-block-retry-btn {
.error-block-retry-btn, .error-block-reload-btn {
width: (80 / 37.5rem);
height: (28 / 37.5rem);
border-radius: (3 / 37.5rem);
... ... @@ -292,6 +292,10 @@ body {
color: #666666;
}
.error-block-reload-btn {
width: (140 / 37.5rem);
}
.error-block-description {
}
... ... @@ -341,8 +345,8 @@ body {
}
&.active {
animation-name: fadeIn;
animation-duration: .2s;
//animation-name: fadeIn;
//animation-duration: .2s;
}
}
... ... @@ -357,6 +361,7 @@ body {
html {
transition: color 300ms, background-color 300ms;
}
body {
.van-image__error, .van-image__loading {
... ... @@ -391,13 +396,12 @@ body {
#app {
overflow-y: hidden;
overflow-x: hidden;
.van-loading {
text-align: center;
}
}
html[dark-mode] {
body {
// background-color: #12131e;
... ... @@ -406,45 +410,57 @@ html[dark-mode] {
.gx-mobile .vote {
background-color: #1D1F2F;
}
.gx-mobile .suggested {
// background-color: #1D1F2F;
.suggested-title {
color: #d9d9d9ff;
}
.suggested-item_title {
color: #d9d9d9ff !important;
}
.subtitle {
color: #d9d9d9ff !important;
}
.left {
span {
color: #ffffff5c !important;
}
}
}
.gx-mobile .title {
color: #d9d9d9ff;
}
.gx-mobile .ptxt {
color: #ffffffab;
}
.gx-mobile .btsIem {
background-color: #161828;
}
.gx-mobile .stx {
color: #ffffffab !important ;
color: #ffffffab !important;
}
.gx-mobile .jd {
.s1 {
background: linear-gradient(270deg, #e5111eff 0%, #ffb5b9ff 100%);
}
.s2 {
background-color: #393A47 !important;
}
}
.gx-mobile .open {
background: linear-gradient(179.9deg, #1d1f2e00 0%, #1d1f2eff 48%, #1d1f2eff 99%);
img {
width: 0.42667rem;
height: 0.42667rem;
... ... @@ -464,9 +480,10 @@ html[dark-mode] {
background-color: #12131e !important;
color: #ccc !important;
}
.preview-video {
div , p {
background-color: rgba(255,255 , 255, 0) !important;
div, p {
background-color: rgba(255, 255, 255, 0) !important;
}
}
... ... @@ -483,6 +500,29 @@ html[dark-mode] {
animation: loadingCircle 1s infinite linear;
}
.prism-player {
position: relative;
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;
}
.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 {
display: none !important;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
... ...
... ... @@ -17,27 +17,65 @@
opacity: 0;
}
.app-skeleton-loading {
padding: 0.32rem 0.48rem;
padding: 0.26666667rem 0.48rem;
}
.app-skeleton-loading.none {
display: none;
}
.gx-mobile {
padding: 0.24rem 0.48rem 0;
padding: 0.26666667rem 0.48rem 0;
}
.gx-mobile.rmrb-article #newsContent p,
.gx-mobile.rmrb-article #newsContent li,
.gx-mobile.rmrb-article #newsContent h1,
.gx-mobile.rmrb-article #newsContent h2,
.gx-mobile.rmrb-article #newsContent h3,
.gx-mobile.rmrb-article #newsContent h4,
.gx-mobile.rmrb-article #newsContent h5,
.gx-mobile.rmrb-article #newsContent h6,
.gx-mobile.rmrb-article #newsContent a,
.gx-mobile.rmrb-article #newsContent section,
.gx-mobile.rmrb-article #newsContent div,
.gx-mobile.rmrb-article #newsContent span,
.gx-mobile.rmrb-article #newsContent ol,
.gx-mobile.rmrb-article #newsContent mark,
.gx-mobile.rmrb-article #newsContent ul {
text-indent: 0 !important;
}
.gx-mobile .short-title {
color: #666666ff;
font-size: 0.4rem;
font-size: 0.45333333rem;
line-height: 0.69333333rem;
margin-bottom: 0.37333333rem;
font-weight: 400;
line-height: 0.48rem;
margin-bottom: 0.32rem;
word-break: break-all;
white-space: pre-wrap;
}
.gx-mobile .short-title .global-line {
position: relative;
top: -0.12rem;
width: 0.4rem;
background: #666666ff;
}
.gx-mobile .title {
font-size: 0.58666667rem;
line-height: 0.8rem;
font-size: 0.6941756rem;
line-height: 1.04rem;
font-weight: bold;
color: #222;
margin-bottom: 0.21333333rem;
word-break: break-all;
white-space: pre-wrap;
}
.gx-mobile .title .global-line {
position: relative;
top: -0.22666667rem;
width: 0.66666667rem;
height: 0.05333333rem;
background: #222;
}
.gx-mobile .global-line {
display: inline-block;
height: 0.03333333rem;
}
.gx-mobile .down-title-box {
display: flex;
... ... @@ -50,20 +88,63 @@
color: #999999ff;
font-size: 0.45333333rem;
font-weight: 400;
line-height: 0.69333rem;
line-height: 0.69333333rem;
word-break: break-all;
white-space: pre-wrap;
}
.gx-mobile .down-title-box .down-title .global-line {
position: relative;
top: -0.13333333rem;
width: 0.42666667rem;
background: #999999ff;
}
.gx-mobile .time.pageView {
display: flex;
flex-wrap: wrap;
font-size: 0.37333333rem;
line-height: 0.53333333rem;
letter-spacing: 0;
color: #b0b0b0ff;
}
.gx-mobile .time.pageView::before,
.gx-mobile .time.pageView::after {
display: table;
content: '';
}
.gx-mobile .time.pageView::after {
height: 0;
clear: both;
font-size: 0;
visibility: hidden;
}
.gx-mobile .time.pageView.hidden-extra {
display: none !important;
margin-top: 0 !important;
}
.gx-mobile .time.pageView .article-source {
float: left;
letter-spacing: 0;
display: inline-flex;
}
.gx-mobile .time.pageView .browseCntStr {
float: left;
display: inline-block;
height: 0.53333333rem;
}
.gx-mobile .time.pageView .author-item {
float: left;
display: inline-flex;
letter-spacing: 0;
margin-right: 0.21333333rem;
}
.gx-mobile .time.pageView > * {
margin-top: 0.21333333rem;
.gx-mobile .time.pageView > .article-source-icon {
float: left;
display: flex;
width: 0.08rem;
height: 0.37333333rem;
margin-top: 0.08533333rem;
margin-right: 0.10666667rem;
background-image: url('../image/sourceIocnNew.svg');
background-size: 100%;
background-repeat: no-repeat;
}
.gx-mobile .new-intro-box {
position: relative;
... ... @@ -74,6 +155,14 @@
line-height: 0.53333333rem;
margin-top: 0.56rem;
border-radius: 0.10666667rem;
word-break: break-all;
white-space: pre-wrap;
}
.gx-mobile .new-intro-box .global-line {
position: relative;
top: -0.12rem;
width: 0.37333333rem;
background: #666666ff;
}
.gx-mobile .new-intro-box .yh-icon {
width: 0.34667rem;
... ... @@ -91,10 +180,10 @@
background: #FFFFFF;
border: 0.02666667rem solid rgba(0, 0, 0, 0.05);
box-shadow: 0px 0.05333333rem 0.21333333rem 0px rgba(0, 0, 0, 0.05);
text-align: justify;
font-size: 0.37333333rem;
line-height: 0.53333333rem;
color: #333333;
word-break: break-all;
}
.gx-mobile .head-link-block img {
position: relative;
... ... @@ -103,6 +192,15 @@
height: 0.37333333rem;
margin-right: 0.05333333rem;
}
.gx-mobile .head-link-block .head-link-block-str {
margin-left: 0.08rem;
}
.gx-mobile .head-link-block .head-link-block-str .global-line {
position: relative;
top: -0.12rem;
width: 0.37333333rem;
background: #333333;
}
.gx-mobile .rmcard {
position: relative;
height: 0.98666667rem;
... ... @@ -120,30 +218,39 @@
border: 0.02666667rem solid #FFFFFF;
}
.gx-mobile .rmcard .rmcard-image {
display: block;
float: left;
text-align: center;
margin-right: 0.21333333rem;
width: 0.96rem;
height: 0.96rem;
border-radius: 50%;
margin-top: 0.02666667rem;
border: 0.5px solid rgba(0, 0, 0, 0.05);
border: 0.5px solid rgba(0, 0, 0, 0.1);
}
.gx-mobile .rmcard .rmcard-image.default {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
.gx-mobile .rmcard .rmcard-image.default img {
position: relative;
left: -0.05333333rem;
width: 49.3%;
}
.gx-mobile .rmcard .cdescrip {
float: left;
width: calc(100% - 0.96rem - 1.44rem - 0.213rem - 0.213rem);
height: 0.98666667rem;
}
.gx-mobile .rmcard .cdescrip .cdescrip_text {
width: 6.32rem;
width: 100%;
color: #b0b0b0ff;
font-weight: 400;
font-size: 0.32rem;
height: 0.37333333rem;
line-height: 0.37333333rem;
overflow: hidden;
word-break: normal;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
white-space: nowrap;
}
.gx-mobile .rmcard .cdescrip .cdescrip_text:first-child {
color: #222222ff;
... ... @@ -154,11 +261,15 @@
margin-top: 0.02666667rem;
margin-bottom: 0.08rem;
}
.gx-mobile .rmcard .cdescrip .cdescrip_text:first-child.cdescrip_text_top {
margin-top: 0.26666667rem;
margin-bottom: 0rem;
}
.gx-mobile .rmcard .clook-btn {
float: right;
}
.gx-mobile .rmcard .clook {
margin-top: 0.13333333rem;
margin-top: 0.17333333rem;
width: 1.44rem;
height: 0.64rem;
border-radius: 0.08rem;
... ... @@ -176,6 +287,13 @@
position: relative;
vertical-align: middle;
}
.gx-mobile .rmcard .clook img.add-clook-icon {
top: -0.02666667rem;
}
.gx-mobile .rmcard .clook .add-clook-text {
top: 0.01333333rem;
position: relative;
}
.gx-mobile .rmcard .isclook {
margin-top: 0.13333333rem;
width: 1.44rem;
... ... @@ -188,6 +306,17 @@
color: #CCCCCC;
font-weight: bold;
}
.gx-mobile .rmcard .isclook.loading {
background-color: #ED2800;
color: #ffffffff;
}
.gx-mobile .rmcard .isclook img {
width: 0.32rem;
height: 0.32rem;
top: -0.02666667rem;
position: relative;
vertical-align: middle;
}
.gx-mobile .cover {
width: 100%;
height: 5.25333rem;
... ... @@ -216,23 +345,47 @@
margin-top: 0.42666667rem;
}
.gx-mobile #newsContent {
line-height: 0.72rem;
font-size: 0.45333333rem;
line-height: 0.816rem;
font-size: 0.48rem;
color: #000000;
text-align: justify;
}
.gx-mobile #newsContent table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.gx-mobile #newsContent table:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent table + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent li {
list-style: unset;
margin-left: 0.42666667rem;
}
.gx-mobile #newsContent p {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem !important;
box-sizing: border-box;
.gx-mobile #newsContent li:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent p:last-child {
margin-bottom: 0;
.gx-mobile #newsContent li + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent ul:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent ul + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent .global-line {
position: relative;
top: -0.13333333rem;
width: 0.48rem;
height: 0.032rem;
background: #000000;
}
.gx-mobile #newsContent mark {
background: none !important;
}
.gx-mobile #newsContent a {
color: #50749A !important;
... ... @@ -242,52 +395,138 @@
color: #50749A !important;
word-break: break-all;
}
.gx-mobile #newsContent > P:last-child {
.gx-mobile #newsContent a:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent a + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent br,
.gx-mobile #newsContent span.bjh-br {
display: block;
}
.gx-mobile #newsContent P {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem;
box-sizing: border-box;
word-break: break-all;
}
.gx-mobile #newsContent P:empty {
display: none !important;
}
.gx-mobile #newsContent P:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent P + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > div > P:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent > div > P + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > h1 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem !important;
margin-bottom: 0.42666667rem;
}
.gx-mobile #newsContent > h1:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent > h1 + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > h2 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem !important;
margin-bottom: 0.42666667rem;
}
.gx-mobile #newsContent > h2:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent > h2 + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > h3 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem !important;
margin-bottom: 0.42666667rem;
}
.gx-mobile #newsContent > h3:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent > h3 + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > h4 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem !important;
margin-bottom: 0.42666667rem;
}
.gx-mobile #newsContent > h4:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent > h4 + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > h5 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem !important;
margin-bottom: 0.42666667rem;
}
.gx-mobile #newsContent > h5:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent > h5 + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > h6 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem !important;
margin-bottom: 0.42666667rem;
}
.gx-mobile #newsContent > h6:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent > h6 + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > section {
.gx-mobile #newsContent section {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.42666667rem !important;
}
.gx-mobile #newsContent section:empty {
display: none !important;
}
.gx-mobile #newsContent section:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent section + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent section > section:last-child {
margin-bottom: 0 !important;
}
.gx-mobile #newsContent section > section + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent section + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > div.replace-br-tag {
margin-bottom: 0.42666667rem !important;
margin-bottom: 0.42666667rem;
}
.gx-mobile #newsContent > div.replace-br-tag + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent > div:last-child {
margin-bottom: 0;
margin-bottom: 0 !important;
}
.gx-mobile #newsContent > div + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent section[data-title='分割线-5'] {
margin-top: 1.18666667rem !important;
... ... @@ -296,6 +535,10 @@
.gx-mobile #newsContent section[data-title='分割线-5'] img {
display: inline;
}
.gx-mobile #newsContent .img-no-margin .preview-image-block.success {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.gx-mobile #newsContent section[data-title='基础饼图'] {
display: none;
}
... ... @@ -367,7 +610,6 @@
}
.gx-mobile #newsContent img {
max-width: 100% !important;
max-height: 100% !important;
display: block;
margin: 0 auto;
box-sizing: border-box;
... ... @@ -431,6 +673,11 @@
.gx-mobile #newsContent .rmrb-caption-img2:empty {
display: none;
}
.gx-mobile #newsContent .rmrb-caption-img + .preview-image-block,
.gx-mobile #newsContent .bjh-image-caption + .preview-image-block,
.gx-mobile #newsContent .rmrb-caption-img2 + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent ._editor42 img {
margin: unset !important;
margin-right: 12px !important;
... ... @@ -444,6 +691,10 @@
margin-bottom: 0.42666667rem;
border-radius: 0.10666667rem;
overflow: hidden;
position: relative;
}
.gx-mobile #newsContent .preview-video + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent .preview-video .video-player {
border-radius: 0.10666667rem;
... ... @@ -616,15 +867,38 @@
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 4px;
background-size: cover;
border-radius: 0.10666667rem;
}
.gx-mobile #newsContent .preview-video .player-cover .player-cover-icon {
.gx-mobile #newsContent .preview-video .player-cover > img {
display: none;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 9;
}
.gx-mobile #newsContent .preview-video .player-cover .player-state-icon {
position: absolute;
left: 0.32rem;
bottom: 0.32rem;
width: 0.85333333rem;
height: 0.85333333rem;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.gx-mobile #newsContent .preview-video .player-cover .player-state-icon img {
background: none;
width: 0.42666667rem;
height: 0.42666667rem;
max-width: unset !important;
margin: 0 !important;
position: relative;
left: 0.02666667rem;
}
.gx-mobile #newsContent .preview-video .player-cover.none {
display: none;
... ... @@ -747,6 +1021,10 @@
background: none;
width: 0.42666667rem;
height: 0.42666667rem;
max-width: unset !important;
margin: 0 !important;
position: relative;
left: 0.02666667rem;
}
.gx-mobile #newsContent .preview-video .player-mini-layer {
display: flex;
... ... @@ -788,8 +1066,8 @@
}
.gx-mobile #newsContent .audio-warpper {
display: block;
margin: 15px 0;
height: 44px;
margin: 0.4rem 0;
height: 1.17333333rem;
}
.gx-mobile #newsContent audio {
display: none;
... ... @@ -824,10 +1102,13 @@
justify-content: center;
position: relative;
width: 100%;
margin-bottom: 0.42666667rem;
margin: 0.42666667rem auto !important;
border-radius: 0.08rem;
overflow: hidden;
}
.gx-mobile #newsContent .preview-image-block + .preview-image-block {
margin-top: 0 !important;
}
.gx-mobile #newsContent .preview-image-block a {
position: relative;
display: block;
... ... @@ -837,10 +1118,6 @@
align-items: center;
justify-content: center;
}
.gx-mobile #newsContent .preview-image-block a > img {
width: 100%;
object-fit: contain;
}
.gx-mobile #newsContent .preview-image-block a > img.image-player {
display: none;
}
... ... @@ -864,9 +1141,6 @@
.gx-mobile #newsContent .preview-image-block.error img.preview-image-error {
display: block !important;
}
.gx-mobile #newsContent .preview-image-block.success {
background: #EDEDED;
}
.gx-mobile #newsContent .preview-image-block.success img.preview-image-placehold,
.gx-mobile #newsContent .preview-image-block.success .img.preview-image-error {
display: none !important;
... ... @@ -891,8 +1165,7 @@
display: none;
}
.gx-mobile #newsContent .preview-image-block > img {
width: 100%;
object-fit: contain;
width: auto;
margin: unset;
}
.gx-mobile #newsContent .preview-image-block > img.image-player {
... ... @@ -913,7 +1186,6 @@
display: block;
top: 0.21333333rem;
right: 0.21333333rem;
width: 1.17333333rem;
height: 0.48rem;
border-radius: 0.05333333rem;
background: rgba(0, 0, 0, 0.3);
... ... @@ -923,7 +1195,7 @@
margin: unset;
width: 0.37333333rem;
height: 0.37333333rem;
margin-left: 0.10666667rem;
margin-left: 0.08rem;
margin-top: 0.05333333rem;
max-width: unset !important;
display: inline-block !important;
... ... @@ -933,7 +1205,7 @@
font-size: 0.29333333rem;
line-height: 0.42666667rem;
margin-left: 0.05333333rem;
margin-right: 0.05333333rem;
margin-right: 0.08rem;
margin-top: 0.02666667rem;
color: #FFFFFF;
}
... ... @@ -1103,16 +1375,16 @@
background: #F9F9F9;
border-radius: 0.10666667rem;
}
.vote .title {
.vote .vote-title {
width: 100%;
margin-top: 0;
font-size: 0.42667rem;
line-height: 0.64rem;
line-height: 0.58666667rem;
font-weight: bold;
color: #000;
margin-bottom: 0.32rem !important;
}
.vote .title .t-icon {
.vote .vote-title .t-icon {
width: 1.36rem;
height: 0.48rem;
margin-right: 0.13333rem;
... ... @@ -1121,13 +1393,13 @@
float: left;
z-index: 99999;
}
.vote .title .t-icon .icon-img {
.vote .vote-title .t-icon .icon-img {
width: 0.48rem;
height: 0.48rem;
background-image: url("../image/vote/icon_live.png");
background-size: 100% 100%;
}
.vote .title .t-icon span {
.vote .vote-title .t-icon span {
width: 0.88rem;
height: 0.48rem;
line-height: 0.48rem;
... ... @@ -1146,70 +1418,92 @@
color: #555555;
}
.vote .btns1 {
position: relative;
display: flex;
justify-content: space-between;
}
.vote .btns1 .s {
width: 4.21653rem;
border-radius: 0.02667rem;
font-size: 0.37333rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding: 0.21333rem 0.32rem;
line-height: 0.42666667rem;
}
.vote .btns1 .s.none {
opacity: 0;
visibility: hidden;
}
.vote .btns1 .s.active {
position: absolute;
}
.vote .btns1 .s1 {
background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%);
border-top-left-radius: 0.08rem;
border-top-right-radius: 0.08rem;
border-bottom-right-radius: 0.2rem;
border-bottom-left-radius: 0.08rem;
}
.vote .btns1 .s1.active {
top: 0;
left: 0;
height: 100%;
}
.vote .btns1 .s2 {
background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%);
border-top-left-radius: 0.2rem;
border-top-right-radius: 0.08rem;
border-bottom-left-radius: 0.08rem;
border-bottom-right-radius: 0.08rem;
}
.vote .btns1 .s2.active {
top: 0;
right: 0;
height: 100%;
}
.vote .aft.anmite-vote .jdat .s1 {
animation: voteProgressIn;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.vote .aft.anmite-vote .jdat .s2 {
animation: voteProgressInTwo;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.vote .aft .jdat {
height: 0.29333rem;
display: flex;
}
.vote .aft .jdat .pkjd-box {
position: relative;
display: flex;
width: 100%;
height: 0.29333rem;
}
.vote .aft .jdat .s {
display: inline-block;
height: 0.29333rem;
}
.vote .aft .jdat .s1 {
position: absolute;
left: 0;
top: 0;
width: 50%;
flex-shrink: 0;
height: 0.29333rem;
background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%);
border-top-left-radius: 0.02666667rem;
border-bottom-left-radius: 0.02666667rem;
border-top-right-radius: 0.048rem;
border-bottom-right-radius: 0.16rem;
transition: all;
}
.vote .aft .jdat .s2 {
flex: 1;
flex-shrink: 0;
position: absolute;
right: 0;
top: 0;
height: 0.29333rem;
background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%);
border-top-left-radius: 0.16rem;
border-top-right-radius: 0.02666667rem;
border-bottom-right-radius: 0.02666667rem;
border-bottom-left-radius: 0.048rem;
transition: all;
}
.vote .aft .bf {
display: flex;
... ... @@ -1248,7 +1542,7 @@
.vote .aft .bf .lt .lt-s2 {
color: #555555;
}
.vote .aft .bf .lt img {
.vote .aft .bf .lt .vote-image-icon {
width: 0.32rem;
height: 0.32rem;
margin-top: 0.08rem;
... ... @@ -1275,7 +1569,7 @@
.vote .aft .bf .rt .lt-s2 {
color: #555555;
}
.vote .aft .bf .rt img {
.vote .aft .bf .rt .vote-image-icon {
width: 0.32rem;
height: 0.32rem;
margin-top: 0.08rem;
... ... @@ -1399,7 +1693,8 @@
.timeline .timeline_title {
margin-top: 0.42666667rem;
margin-bottom: 0.16rem;
font-size: 0.45333333rem;
font-size: 0.48rem;
line-height: 0.66666667rem;
font-weight: bold;
color: #222222;
overflow: hidden;
... ... @@ -1420,6 +1715,10 @@
.timeline .timeLine_list .timeLine_list_item:first-child {
padding-top: 0.21333333rem;
}
.timeline .timeLine_list .timeLine_list_item:first-child .timeLine_list_item_line {
top: 0.4rem;
height: calc(100% - 0.4rem);
}
.timeline .timeLine_list .timeLine_list_item:last-child {
padding-bottom: 0.26666667rem;
}
... ... @@ -1431,9 +1730,9 @@
left: -0.34666667rem;
top: 0;
height: 100%;
opacity: 0.1;
width: 0.02666667rem;
z-index: 1;
background: #ededed;
}
.timeline .timeLine_list_item_title {
position: relative;
... ... @@ -1441,7 +1740,7 @@
font-size: 0.37333333rem;
font-weight: bold;
line-height: 0.42666667rem;
color: #ED2800;
color: #222222;
}
.timeline .timeLine_list_item_title .timeLine_list_item_title_icon {
position: absolute;
... ... @@ -1451,7 +1750,7 @@
z-index: 10;
}
.timeline .timeLine_list_item_content {
font-size: 0.45333333rem;
font-size: 0.48rem;
line-height: 0.66666667rem;
color: #222222;
}
... ... @@ -1470,6 +1769,8 @@
.timeline .timeline_more img {
width: 0.42666667rem;
height: 0.42666667rem;
top: -0.008rem;
position: relative;
}
.email-sub {
width: 9.14667rem;
... ... @@ -1547,6 +1848,9 @@
margin-bottom: 0.42666667rem;
border-radius: 0.08rem;
}
#newsContent .swiper-block + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .swiper-block img {
object-fit: cover;
height: 100%;
... ... @@ -1600,6 +1904,9 @@
background: #fff;
margin-bottom: 0.42666667rem;
}
#newsContent .preview-audio-player + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .preview-audio-player.cover .left {
width: 2.13333333rem;
height: 2.13333333rem;
... ... @@ -1622,29 +1929,32 @@
margin-left: 0.42666667rem;
}
#newsContent .preview-audio-player .right .audio-title {
width: 6.58666667rem;
font-size: 0.4rem;
font-weight: bold;
height: 0.45333333rem;
line-height: 0.48rem;
line-height: 0.45333333rem;
color: #222222;
margin-bottom: 0.29333333rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
position: relative;
display: flex;
flex: 1;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
#newsContent .preview-audio-player .right .audio-title .audio-notice-title {
position: absolute;
white-space: nowrap;
transition-timing-function: linear;
}
#newsContent .preview-audio-player .right .audio-progress-block {
height: 2px;
height: 0.05333333rem;
background: #f5f5f5;
position: relative;
}
#newsContent .preview-audio-player .right .audio-progress-block .audio-progressed {
position: absolute;
left: 0;
height: 2px;
height: 0.05333333rem;
top: 0;
background: #ED2800;
}
... ... @@ -1653,9 +1963,10 @@
align-items: center;
justify-content: space-between;
font-size: 10px;
line-height: 12px;
font-size: 0.26666667rem;
line-height: 0.32rem;
color: #B0B0B0;
margin-top: 4px;
margin-top: 0.10666667rem;
}
#newsContent .preview-audio-player-cover {
display: flex;
... ... @@ -1667,6 +1978,9 @@
padding: 0.21333333rem;
margin-bottom: 0.42666667rem;
}
#newsContent .preview-audio-player-cover + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .preview-audio-player-cover .left {
width: 1.70666667rem;
height: 1.70666667rem;
... ... @@ -1680,14 +1994,18 @@
#newsContent .preview-audio-player-cover .right .audio-title {
font-size: 0.32rem;
font-weight: 500;
height: 0.42666667rem;
line-height: 0.42666667rem;
color: #000000;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
#newsContent .preview-audio-player-cover .right .audio-title .audio-notice-title {
position: absolute;
white-space: nowrap;
transition-timing-function: linear;
}
#newsContent .preview-audio-player-cover .right .audio-extra .audio-time {
font-size: 0.26666667rem;
... ... @@ -1729,10 +2047,13 @@
border-radius: 0.10666667rem;
cursor: pointer;
color: unset !important;
margin-bottom: 0.42666667rem;
text-decoration: unset !important;
background: #F5F5F5;
border: 0.02666667rem solid rgba(0, 0, 0, 0.05);
margin-bottom: 0.42666667rem;
}
#newsContent .preview-link-card-mobile + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .preview-link-card-mobile.card-image {
display: flex;
... ... @@ -1804,18 +2125,6 @@
-webkit-box-orient: vertical;
word-break: break-all;
}
.sharePoster {
height: 0.96rem;
position: relative;
}
.sharePoster .news {
width: 0.74666667rem;
height: 0.32rem;
position: absolute;
right: -0.21333333rem;
top: -0.13333333rem;
z-index: 11;
}
.share {
margin-top: 0.64rem;
height: 0.96rem;
... ... @@ -1823,6 +2132,19 @@
.share .share-wrapper + .share-wrapper {
margin-left: -0.10666667rem;
}
.share .share-wrapper img {
float: left;
height: 0.96rem;
}
.share .share-wrapper .image-first {
width: 0.26666667rem;
}
.share .share-wrapper .image-center {
width: calc(100% - 0.74666667rem);
}
.share .share-wrapper .image-end {
width: 0.48rem;
}
.share .share-content {
display: flex;
align-items: center;
... ... @@ -1838,16 +2160,40 @@
height: 0.53333333rem;
}
.share .share-content span {
position: relative;
margin-left: 0.08rem;
font-size: 0.32rem;
top: 0.01333333rem;
color: #666666;
}
.sharePoster {
height: 0.96rem;
position: relative;
}
.sharePoster.share-wrapper .news {
width: 0.74666667rem;
height: 0.32rem;
position: absolute;
right: -0.21333333rem;
top: -0.13333333rem;
z-index: 11;
float: none;
}
.share-wechat {
height: 0.96rem;
}
.share-wechat.center .share-content {
left: calc(45% + 0.25rem);
}
.share-wechat.center.share-wrapper .image-first {
width: 0.42666667rem;
}
.share-wechat.center.share-wrapper .image-center {
width: calc(100% - 0.85333333rem);
}
.share-wechat.center.share-wrapper .image-end {
width: 0.42666667rem;
}
.share-wechat .share-content {
left: calc(45% + 0.2rem);
}
... ... @@ -1858,30 +2204,36 @@
left: calc(45% + 0.2rem);
min-width: 1.8rem;
}
.share-wechat-circle.share-wrapper .image-first {
width: 0.42666667rem;
}
.share-wechat-circle.share-wrapper .image-center {
width: calc(100% - 0.85333333rem);
}
.share-wechat-circle.share-wrapper .image-end {
width: 0.42666667rem;
}
.share-weibo {
height: 0.96rem;
}
.share-weibo .share-content {
left: calc(45% + 0.4rem);
}
.share-weibo.share-wrapper .image-first {
width: 0.48rem;
}
.share-weibo.share-wrapper .image-center {
width: calc(100% - 0.74666667rem);
}
.share-weibo.share-wrapper .image-end {
width: 0.26666667rem;
}
.share-box {
float: left;
box-sizing: border-box;
width: 33.3%;
position: relative;
}
.share-box:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: calc(100% - 0.42666667rem);
height: 0.90666667rem;
border: 1px solid #EDEDED;
border-right: 0;
border-top-left-radius: 0.08rem;
border-bottom-left-radius: 0.08rem;
}
.share-box-center {
float: left;
box-sizing: border-box;
... ... @@ -1945,11 +2297,14 @@
height: 1.06666667rem;
padding-left: 0;
overflow: hidden;
margin-bottom: 0.42666667rem;
border-radius: 0.10666667rem;
background: #FFFFFF;
border: 0.02666667rem solid rgba(0, 0, 0, 0.05);
box-shadow: 0px 0.05333333rem 0.21333333rem 0px rgba(0, 0, 0, 0.05);
margin-bottom: 0.42666667rem;
}
#newsContent .en-scroll-text + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .en-scroll-text::after {
content: "";
... ... @@ -1994,6 +2349,9 @@
#newsContent .en-echart {
margin-bottom: 0.42666667rem;
}
#newsContent .en-echart + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .en-echart .en-echart-title {
font-size: 0.37333333rem;
line-height: 0.48rem;
... ... @@ -2016,6 +2374,9 @@
flex-direction: column;
margin-bottom: 0.42666667rem;
}
#newsContent .en-table + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .en-table .en-table-title {
font-size: 0.37333333rem;
line-height: 0.48rem;
... ... @@ -2025,11 +2386,14 @@
word-break: break-all;
}
#newsContent .en-text-1 {
padding: 0.32rem;
padding: 0.42666667rem 0.32rem 0.42666667rem 0.29333333rem;
border-left: 0.05866667rem solid #ED2800;
background: #faf3f4;
margin-bottom: 0.42666667rem;
}
#newsContent .en-text-1 + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .en-text-1-title {
position: relative;
font-size: 0.4rem;
... ... @@ -2049,6 +2413,9 @@
border: 0.08rem solid #ED2800;
margin-bottom: 0.42666667rem;
}
#newsContent .en-text-2 + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .en-text-2-title {
padding: 0.32rem;
border: 0.02666667rem solid #ED2800;
... ... @@ -2062,6 +2429,9 @@
padding: 0.42666667rem 0.32rem 0.32rem 0.32rem;
margin-bottom: 0.42666667rem;
}
#newsContent .en-text-3 + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .en-text-3 .en-text-3-title {
display: flex;
align-items: center;
... ... @@ -2087,19 +2457,25 @@
color: #000000;
}
#newsContent .en-text-4 {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.42666667rem;
}
#newsContent .en-text-4 + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .en-text-4 .en-text-4-block {
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 5.30666667rem;
height: 1.17333333rem;
padding: 0.29333333rem 0.64rem;
background-repeat: no-repeat;
background-size: 100%;
font-size: 0.48rem;
line-height: 0.58666667rem;
margin: 0 auto;
margin-bottom: 0.42666667rem;
}
#newsContent .en-text-4 .en-text-4-end {
position: absolute;
... ... @@ -2117,6 +2493,9 @@
justify-content: center;
margin-bottom: 0.42666667rem;
}
#newsContent .en-text-5 + .preview-image-block {
margin-top: 0 !important;
}
#newsContent .en-text-5-block {
display: flex;
align-items: center;
... ... @@ -2130,6 +2509,7 @@
height: 1.17333333rem;
background: #ED2800;
color: #fff;
font-weight: bold;
font-size: 0.48rem;
line-height: 0.58666667rem;
color: #FFFFFF;
... ... @@ -2138,9 +2518,10 @@
display: flex;
align-items: center;
justify-content: center;
width: 5.06666667rem;
padding: 0 0.64rem 0 0.42666667rem;
height: 1.17333333rem;
background: #f4e8e9;
font-weight: bold;
font-size: 0.48rem;
line-height: 0.58666667rem;
color: #ED2800;
... ... @@ -2150,7 +2531,6 @@
font-size: 0.32rem;
line-height: 0.37333333rem;
color: #CCCCCC;
text-align: justify;
}
.active-wrapper {
margin-top: 0.53333333rem;
... ... @@ -2203,21 +2583,8 @@
}
.article-source {
position: relative;
padding-left: 0.18666667rem;
margin-right: 0.21333333rem;
}
.article-source:before {
display: block;
left: 0;
top: 0.08rem;
position: absolute;
content: '';
background-image: url("../../../../../../../wdComponent/src/main/resources/rawfile/apph5/image/sourceIocn.svg");
background-repeat: no-repeat;
background-size: 100%;
width: 0.08rem;
height: 0.37333333rem;
}
@keyframes voteProgressFull {
100% {
width: 100%;
... ...
{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.css"}
\ No newline at end of file
{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.css"}
\ No newline at end of file
... ...
... ... @@ -52,7 +52,7 @@
}
.app-skeleton-loading {
padding: (12 / 37.5rem) (18 / 37.5rem);
padding: (10 / 37.5rem) (18 / 37.5rem);
}
.app-skeleton-loading.none {
... ... @@ -60,22 +60,54 @@
}
.gx-mobile {
padding: (9 / 37.5rem) (18 / 37.5rem) 0;
padding: (10 / 37.5rem) (18 / 37.5rem) 0;
&.rmrb-article {
#newsContent {
p, li, h1, h2, h3, h4, h5, h6, a, section, div, span, ol, mark, ul {
text-indent: 0 !important;
}
}
}
.short-title {
color: @color_1;
font-size: 0.4rem;
font-size: (17 / 37.5rem);
line-height: (26 / 37.5rem);
margin-bottom: (14 / 37.5rem);
font-weight: 400;
line-height: 0.48rem;
margin-bottom: (12 / 37.5rem);
word-break: break-all;
white-space: pre-wrap;
.global-line {
position: relative;
top: (-4.5 / 37.5rem);
width: (15 / 37.5rem);
background: @color_1;
}
}
.title {
font-size: (22 / 37.5rem);
line-height: (30 / 37.5rem);
font-size: (26 / 37.4545rem);
line-height: (39 / 37.5rem);
font-weight: bold;
color: #222;
margin-bottom: (8 / 37.5rem);
word-break: break-all;
white-space: pre-wrap;
.global-line {
position: relative;
top: (-8.5 / 37.5rem);
width: (25 / 37.5rem);
height: (2 / 37.5rem);
background: #222;
}
}
.global-line {
display: inline-block;
height: (1.25 / 37.5rem);
}
.down-title-box {
... ... @@ -89,23 +121,74 @@
color: @color_3;
font-size: (17 / 37.5rem);
font-weight: 400;
line-height: 0.69333rem;
line-height: (26 / 37.5rem);
word-break: break-all;
white-space: pre-wrap;
.global-line {
position: relative;
top: (-5 / 37.5rem);
width: (16 / 37.5rem);
background: @color_3;
}
}
}
.time.pageView {
display: flex;
flex-wrap: wrap;
//display: flex;
//flex-wrap: wrap;
//align-items: center;
font-size: (14 / 37.5rem);
line-height: (20 / 37.5rem);
letter-spacing: 0;
color: @color_5;
&::before,
&::after {
display: table;
content: '';
}
&::after {
height: 0;
clear: both;
font-size: 0;
visibility: hidden;
}
&.hidden-extra {
display: none !important;
margin-top: 0 !important;
}
.article-source {
float: left;
letter-spacing: 0;
display: inline-flex;
}
.browseCntStr {
float: left;
display: inline-block;
height: (20 / 37.5rem);
}
.author-item {
float: left;
display: inline-flex;
letter-spacing: 0;
margin-right: (8 / 37.5rem);
}
> * {
margin-top: (8 / 37.5rem);
> .article-source-icon {
float: left;
display: flex;
width: (3 / 37.5rem);
height: (14 / 37.5rem);
margin-top: (3.2 / 37.5rem);
margin-right: (4 / 37.5rem);
background-image: url('../image/sourceIocnNew.svg');
background-size: 100%;
background-repeat: no-repeat;
}
}
... ... @@ -118,6 +201,15 @@
line-height: (20 / 37.5rem);
margin-top: (21 / 37.5rem);
border-radius: (4 / 37.5rem);
word-break: break-all;
white-space: pre-wrap;
.global-line {
position: relative;
top: (-4.5 / 37.5rem);
width: (14 / 37.5rem);
background: @color_1;
}
.yh-icon {
width: 0.34667rem;
... ... @@ -137,10 +229,10 @@
background: #FFFFFF;
border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05);
box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05);
text-align: justify;
font-size: (14 / 37.5rem);
line-height: (20 / 37.5rem);
color: #333333;
word-break: break-all;
img {
position: relative;
... ... @@ -149,6 +241,17 @@
height: (14 / 37.5rem);
margin-right: (2 / 37.5rem);
}
.head-link-block-str {
margin-left: (3 / 37.5rem);
.global-line {
position: relative;
top: (-4.5 / 37.5rem);
width: (14 / 37.5rem);
background: #333333;
}
}
}
.rmcard {
... ... @@ -169,32 +272,45 @@
}
.rmcard-image {
display: block;
float: left;
text-align: center;
margin-right: (8 / 37.5rem);
width: (36 / 37.5rem);
height: (36 / 37.5rem);
border-radius: 50%;
margin-top: (1 / 37.5rem);
border: 0.5px solid rgba(0, 0, 0, 0.05);
border: 0.5px solid rgba(0, 0, 0, 0.1);
&.default {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
img {
position: relative;
left: -(2 / 37.5rem);
width: 49.3%;
}
}
}
.cdescrip {
float: left;
width: calc(100% - 0.96rem - 1.44rem - 0.213rem - 0.213rem);
height: (37 / 37.5rem);
.cdescrip_text {
width: (237 / 37.5rem);
width: 100%;
color: @color_5;
font-size: 0.32rem;
font-weight: 400;
font-size: (12 / 37.5rem);
height: (14 / 37.5rem);
line-height: (14 / 37.5rem);
overflow: hidden;
word-break: normal;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
white-space: nowrap;
&:first-child {
color: @color_2;
... ... @@ -204,6 +320,11 @@
height: (17 / 37.5rem);
margin-top: (1 / 37.5rem);
margin-bottom: (3 / 37.5rem);
&.cdescrip_text_top {
margin-top: (10 / 37.5rem);
margin-bottom: (0 / 37.5rem);
}
}
}
}
... ... @@ -213,7 +334,7 @@
}
.clook {
margin-top: (5 / 37.5rem);
margin-top: (6.5 / 37.5rem);
width: (54 / 37.5rem);
height: (24 / 37.5rem);
border-radius: (3 / 37.5rem);
... ... @@ -230,6 +351,15 @@
top: (-1 / 37.5rem);
position: relative;
vertical-align: middle;
&.add-clook-icon {
top: (-1 / 37.5rem);
}
}
.add-clook-text {
top: (0.5 / 37.5rem);
position: relative;
}
}
... ... @@ -244,6 +374,19 @@
text-align: center;
color: #CCCCCC;
font-weight: bold;
&.loading {
background-color: #ED2800;
color: @color_6;
}
img {
width: (12 / 37.5rem);
height: (12 / 37.5rem);
top: (-1 / 37.5rem);
position: relative;
vertical-align: middle;
}
}
}
... ... @@ -280,26 +423,58 @@
}
#newsContent {
line-height: (27 / 37.5rem);
font-size: (17 / 37.5rem);
line-height: ((18 * 1.7) / 37.5rem);
font-size: (18 / 37.5rem);
color: @color_8;
text-align: justify;
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
li {
list-style: unset;
margin-left: (16 / 37.5rem);
&:last-child {
margin-bottom: 0 !important;
}
p {
max-width: 100%;
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.4266666666666667rem !important;
box-sizing: border-box;
& + .preview-image-block {
margin-top: 0 !important;
}
}
ul {
&:last-child {
margin-bottom: 0;
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
.global-line {
position: relative;
top: (-5 / 37.5rem);
width: (18 / 37.5rem);
height: (1.2 / 37.5rem);
background: @color_8;
}
mark {
background: none !important;
}
a {
... ... @@ -310,69 +485,181 @@
color: #50749A !important;
word-break: break-all;
}
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
br, span.bjh-br {
display: block;
}
P {
max-width: 100%;
padding: 0 !important;
margin-bottom: (16 / 37.5rem);
box-sizing: border-box;
word-break: break-all;
&:empty {
display: none !important;
}
& > P {
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& > div > P {
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& > h1 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.4266666666666667rem !important;
margin-bottom: (16 / 37.5rem);
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& > h2 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.4266666666666667rem !important;
margin-bottom: (16 / 37.5rem);
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& > h3 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.4266666666666667rem !important;
margin-bottom: (16 / 37.5rem);
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& > h4 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.4266666666666667rem !important;
margin-bottom: (16 / 37.5rem);
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& > h5 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.4266666666666667rem !important;
margin-bottom: (16 / 37.5rem);
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& > h6 {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.4266666666666667rem !important;
margin-bottom: (16 / 37.5rem);
&:last-child {
margin-bottom: 0 !important;
}
& > section {
& + .preview-image-block {
margin-top: 0 !important;
}
}
section {
max-width: 100%;
padding: 0 !important;
margin-bottom: 0.4266666666666667rem !important;
margin-bottom: (16 / 37.5rem) !important;
&:empty {
display: none !important;
}
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
& > section {
&:last-child {
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
& > div {
&.replace-br-tag {
margin-bottom: 0.4266666666666667rem !important;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
&:last-child {
margin-bottom: 0;
margin-bottom: 0 !important;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
... ... @@ -385,6 +672,13 @@
}
}
.img-no-margin {
.preview-image-block.success {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
section[data-title='基础饼图'] {
display: none;
}
... ... @@ -478,7 +772,6 @@
img {
max-width: 100% !important;
max-height: 100% !important;
display: block;
margin: 0 auto;
box-sizing: border-box;
... ... @@ -509,6 +802,10 @@
&:empty {
display: none;
}
& + .preview-image-block {
margin-top: 0 !important;
}
}
._editor42 img {
... ... @@ -524,9 +821,14 @@
.preview-video {
width: 100%;
overflow: hidden;
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
border-radius: (4 / 37.5rem);
overflow: hidden;
position: relative;
& + .preview-image-block {
margin-top: 0 !important;
}
.video-player {
border-radius: (4 / 37.5rem);
... ... @@ -722,15 +1024,40 @@
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 4px;
background-size: cover;
border-radius: (4 / 37.5rem);
& > img {
display: none;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 9;
}
.player-cover-icon {
.player-state-icon {
position: absolute;
left: (12 / 37.5rem);
bottom: (12 / 37.5rem);
width: (32 / 37.5rem);
height: (32 / 37.5rem);
background: rgba(0, 0, 0, .5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
img {
background: none;
width: (16 / 37.5rem);
height: (16 / 37.5rem);
max-width: unset !important;
margin: 0 !important;
position: relative;
left: (1 / 37.5rem);
}
}
&.none {
... ... @@ -868,6 +1195,10 @@
background: none;
width: (16 / 37.5rem);
height: (16 / 37.5rem);
max-width: unset !important;
margin: 0 !important;
position: relative;
left: (1 / 37.5rem);
}
}
}
... ... @@ -919,8 +1250,8 @@
.audio-warpper {
display: block;
margin: 15px 0;
height: 44px;
margin: (15 / 37.5rem) 0;
height: (44 / 37.5rem);
}
audio {
... ... @@ -960,10 +1291,14 @@
justify-content: center;
position: relative;
width: 100%;
margin-bottom: 0.4266666666666667rem;
margin: (16 / 37.5rem) auto !important;
border-radius: (3 / 37.5rem);
overflow: hidden;
& + .preview-image-block {
margin-top: 0 !important;
}
a {
position: relative;
display: block;
... ... @@ -974,9 +1309,6 @@
justify-content: center;
& > img {
width: 100%;
object-fit: contain;
&.image-player {
display: none;
}
... ... @@ -1008,7 +1340,6 @@
}
&.success {
background: #EDEDED;
img.preview-image-placehold, .img.preview-image-error {
display: none !important;
... ... @@ -1040,8 +1371,7 @@
}
& > img {
width: 100%;
object-fit: contain;
width: auto;
margin: unset;
&.image-player {
... ... @@ -1067,7 +1397,6 @@
display: block;
top: (8 / 37.5rem);
right: (8 / 37.5rem);
width: (44 / 37.5rem);
height: (18 / 37.5rem);
border-radius: (2 / 37.5rem);
background: rgba(0, 0, 0, 0.3);
... ... @@ -1077,7 +1406,7 @@
margin: unset;
width: (14 / 37.5rem);
height: (14 / 37.5rem);
margin-left: (4 / 37.5rem);
margin-left: (3 / 37.5rem);
margin-top: (2 / 37.5rem);
max-width: unset !important;
display: inline-block !important;
... ... @@ -1088,7 +1417,7 @@
font-size: (11 / 37.5rem);
line-height: (16 / 37.5rem);
margin-left: (2 / 37.5rem);
margin-right: (2 / 37.5rem);
margin-right: (3 / 37.5rem);
margin-top: (1 / 37.5rem);
color: #FFFFFF;
}
... ... @@ -1296,11 +1625,11 @@
background: #F9F9F9;
border-radius: (4 / 37.5rem);
.title {
.vote-title {
width: 100%;
margin-top: 0;
font-size: 0.42667rem;
line-height: (24 / 37.5rem);
line-height: (22 / 37.5rem);
font-weight: bold;
color: @color_16;
margin-bottom: (12 / 37.5rem) !important;
... ... @@ -1344,34 +1673,52 @@
}
.btns1 {
position: relative;
display: flex;
justify-content: space-between;
.s {
width: 4.21653rem;
border-radius: 0.02667rem;
font-size: 0.37333rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding: 0.21333rem 0.32rem;
line-height: (16 / 37.5rem);
&.none {
opacity: 0;
visibility: hidden;
}
&.active {
position: absolute;
}
}
.s1 {
background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%);
border-top-left-radius: (3 / 37.5rem);
border-top-right-radius: (3 / 37.5rem);
border-bottom-right-radius: (0.2rem);
border-bottom-left-radius: (3 / 37.5rem);
&.active {
top: 0;
left: 0;
height: 100%;
}
}
.s2 {
background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%);
border-top-left-radius: (0.2rem);
border-top-right-radius: (3 / 37.5rem);
border-bottom-left-radius: (3 / 37.5rem);
border-bottom-right-radius: (3 / 37.5rem);
&.active {
top: 0;
right: 0;
height: 100%;
}
}
}
... ... @@ -1382,6 +1729,12 @@
animation-duration: 1s;
animation-fill-mode: forwards;
}
.jdat .s2 {
animation: voteProgressInTwo;
animation-duration: 1s;
animation-fill-mode: forwards;
}
}
.jdat {
... ... @@ -1389,8 +1742,10 @@
display: flex;
.pkjd-box {
position: relative;
display: flex;
width: 100%;
height: 0.29333rem;
}
.s {
... ... @@ -1399,26 +1754,27 @@
}
.s1 {
position: absolute;
left: 0;
top: 0;
width: 50%;
flex-shrink: 0;
height: 0.29333rem;
background: linear-gradient(270deg, #486FFF 0%, #5A88FF 100%);
border-top-left-radius: (1 / 37.5rem);
border-bottom-left-radius: (1 / 37.5rem);
border-top-right-radius: (1.8 / 37.5rem);
border-bottom-right-radius: (6 / 37.5rem);
transition: all;
}
.s2 {
flex: 1;
flex-shrink: 0;
position: absolute;
right: 0;
top: 0;
height: 0.29333rem;
background: linear-gradient(270deg, #63D4FF 0%, #50BDE7 100%);
border-top-left-radius: (6 / 37.5rem);
border-top-right-radius: (1 / 37.5rem);
border-bottom-right-radius: (1 / 37.5rem);
border-bottom-left-radius: (1.8 / 37.5rem);
transition: all;
}
}
... ... @@ -1464,7 +1820,7 @@
color: @color_14;
}
img {
.vote-image-icon {
width: 0.32rem;
height: 0.32rem;
margin-top: 0.08rem;
... ... @@ -1497,7 +1853,7 @@
color: @color_14;
}
img {
.vote-image-icon {
width: 0.32rem;
height: 0.32rem;
margin-top: 0.08rem;
... ... @@ -1653,7 +2009,8 @@
.timeline_title {
margin-top: (16 / 37.5rem);
margin-bottom: (6 / 37.5rem);
font-size: (17 / 37.5rem);
font-size: (18 / 37.5rem);
line-height: (25 / 37.5rem);
font-weight: bold;
color: #222222;
overflow: hidden;
... ... @@ -1674,6 +2031,11 @@
&:first-child {
padding-top: (8 / 37.5rem);
.timeLine_list_item_line {
top: (15 / 37.5rem);
height: calc(100% - 0.4rem);
}
}
&:last-child {
... ... @@ -1691,9 +2053,9 @@
left: (-13 / 37.5rem);
top: 0;
height: 100%;
opacity: 0.1;
width: (1 / 37.5rem);
z-index: 1;
background: #ededed;
}
.timeLine_list_item_title {
... ... @@ -1702,7 +2064,7 @@
font-size: (14 / 37.5rem);
font-weight: bold;
line-height: (16 / 37.5rem);
color: #ED2800;
color: #222222;
.timeLine_list_item_title_icon {
position: absolute;
... ... @@ -1714,7 +2076,7 @@
}
.timeLine_list_item_content {
font-size: (17 / 37.5rem);
font-size: (18 / 37.5rem);
line-height: (25 / 37.5rem);
color: #222222;
}
... ... @@ -1735,6 +2097,8 @@
img {
width: (16 / 37.5rem);
height: (16 / 37.5rem);
top: (-0.3 / 37.5rem);
position: relative;
}
}
}
... ... @@ -1827,8 +2191,12 @@
height: 6.85333rem;
position: relative;
overflow: hidden;
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
border-radius: (3 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
.swiper-block img {
... ... @@ -1890,7 +2258,11 @@
border-radius: (4 / 37.5rem);
padding: (12 / 37.5rem) (16 / 37.5rem);
background: #fff;
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
&.cover {
.left {
... ... @@ -1918,30 +2290,34 @@
margin-left: (16 / 37.5rem);
.audio-title {
width: (247 / 37.5rem);
font-size: (15 / 37.5rem);
font-weight: bold;
height: (17 / 37.5rem);
line-height: (18 / 37.5rem);
line-height: (17 / 37.5rem);
color: #222222;
margin-bottom: (11 / 37.5rem);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
position: relative;
display: flex;
flex: 1;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
.audio-notice-title {
position: absolute;
white-space: nowrap;
transition-timing-function: linear;
}
}
.audio-progress-block {
height: 2px;
height: (2 / 37.5rem);
background: #f5f5f5;
position: relative;
.audio-progressed {
position: absolute;
left: 0;
height: 2px;
height: (2 / 37.5rem);
top: 0;
background: #ED2800;
}
... ... @@ -1952,9 +2328,10 @@
align-items: center;
justify-content: space-between;
font-size: 10px;
line-height: 12px;
font-size: (10 / 37.5rem);
line-height: (12 / 37.5rem);
color: #B0B0B0;
margin-top: 4px;
margin-top: (4 / 37.5rem);
}
}
}
... ... @@ -1967,7 +2344,11 @@
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05);
padding: (8 / 37.5rem);
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
.left {
width: (64 / 37.5rem);
... ... @@ -1983,14 +2364,19 @@
.audio-title {
font-size: (12 / 37.5rem);
font-weight: 500;
height: (16 / 37.5rem);
line-height: (16 / 37.5rem);
color: #000000;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
.audio-notice-title {
position: absolute;
white-space: nowrap;
transition-timing-function: linear;
}
}
.audio-extra {
... ... @@ -2044,10 +2430,14 @@
border-radius: (4 / 37.5rem);
cursor: pointer;
color: unset !important;
margin-bottom: 0.4266666666666667rem;
text-decoration: unset !important;
background: #F5F5F5;
border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05);
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .preview-link-card-mobile.card-image {
... ... @@ -2130,20 +2520,6 @@
word-break: break-all;
}
.sharePoster {
height: (36 / 37.5rem);
position: relative;
.news {
width: (28 / 37.5rem);
height: (12 / 37.5rem);
position: absolute;
right: (-8 / 37.5rem);
top: (-5 / 37.5rem);
z-index: 11;
}
}
.share {
margin-top: (24 / 37.5rem);
height: (36 / 37.5rem);
... ... @@ -2152,6 +2528,25 @@
margin-left: (-4 / 37.5rem);
}
.share-wrapper {
img {
float: left;
height: (36 / 37.5rem);
}
.image-first {
width: (10 / 37.5rem);
}
.image-center {
width: calc(100% - 0.7466666666666667rem);
}
.image-end {
width: (18 / 37.5rem);
}
}
.share-content {
display: flex;
align-items: center;
... ... @@ -2168,13 +2563,32 @@
}
span {
position: relative;
margin-left: (3 / 37.5rem);
font-size: (12 / 37.5rem);
top: (0.5 / 37.5rem);
color: #666666;
}
}
}
.sharePoster {
height: (36 / 37.5rem);
position: relative;
&.share-wrapper {
.news {
width: (28 / 37.5rem);
height: (12 / 37.5rem);
position: absolute;
right: (-8 / 37.5rem);
top: (-5 / 37.5rem);
z-index: 11;
float: none;
}
}
}
.share-wechat {
height: (36 / 37.5rem);
... ... @@ -2182,6 +2596,20 @@
.share-content {
left: calc(45% + 0.25rem);
}
&.share-wrapper {
.image-first {
width: (16 / 37.5rem);
}
.image-center {
width: calc(100% - 0.8533333333333334rem);
}
.image-end {
width: (16 / 37.5rem);
}
}
}
.share-content {
... ... @@ -2196,6 +2624,20 @@
left: calc(45% + 0.2rem);
min-width: 1.8rem;
}
&.share-wrapper {
.image-first {
width: (16 / 37.5rem);
}
.image-center {
width: calc(100% - 0.8533333333333334rem);
}
.image-end {
width: (16 / 37.5rem);
}
}
}
.share-weibo {
... ... @@ -2204,6 +2646,20 @@
.share-content {
left: calc(45% + 0.4rem);
}
&.share-wrapper {
.image-first {
width: (18 / 37.5rem);
}
.image-center {
width: calc(100% - 0.7466666666666667rem);
}
.image-end {
width: (10 / 37.5rem);
}
}
}
.share-box {
... ... @@ -2211,19 +2667,6 @@
box-sizing: border-box;
width: 33.3%;
position: relative;
&:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: calc(100% - 0.4266666666666667rem);
height: (34 / 37.5rem);
border: 1px solid #EDEDED;
border-right: 0;
border-top-left-radius: (3 / 37.5rem);
border-bottom-left-radius: (3 / 37.5rem);
}
}
.share-box-center {
... ... @@ -2297,11 +2740,15 @@
height: (40 / 37.5rem);
padding-left: 0;
overflow: hidden;
margin-bottom: 0.4266666666666667rem;
border-radius: (4 / 37.5rem);
background: #FFFFFF;
border: (1 / 37.5rem) solid rgba(0, 0, 0, 0.05);
box-shadow: 0px (2 / 37.5rem) (8 / 37.5rem) 0px rgba(0, 0, 0, 0.05);
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .en-scroll-text::after {
... ... @@ -2349,7 +2796,11 @@
}
#newsContent .en-echart {
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .en-echart .en-echart-title {
... ... @@ -2375,7 +2826,11 @@
display: flex;
justify-content: center;
flex-direction: column;
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .en-table .en-table-title {
... ... @@ -2391,10 +2846,14 @@
}
#newsContent .en-text-1 {
padding: (12 / 37.5rem);
padding: (16 / 37.5rem) (12 / 37.5rem) (16 / 37.5rem) (11 / 37.5rem);
border-left: (2.2 / 37.5rem) solid #ED2800;
background: #faf3f4;
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .en-text-1-title {
... ... @@ -2416,7 +2875,11 @@
#newsContent .en-text-2 {
padding: .rem(3)[@result];
border: (3 / 37.5rem) solid #ED2800;
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .en-text-2-title {
... ... @@ -2432,7 +2895,11 @@
position: relative;
border: (1 / 37.5rem) solid #ED2800;
padding: (16 / 37.5rem) (12 / 37.5rem) (12 / 37.5rem) (12 / 37.5rem);
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .en-text-3 .en-text-3-title {
... ... @@ -2464,19 +2931,27 @@
}
#newsContent .en-text-4 {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .en-text-4 .en-text-4-block {
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: (199 / 37.5rem);
height: (44 / 37.5rem);
padding: (11 / 37.5rem) (24 / 37.5rem);
background-repeat: no-repeat;
background-size: 100%;
font-size: (18 / 37.5rem);
line-height: (22 / 37.5rem);
margin: 0 auto;
margin-bottom: 0.4266666666666667rem;
}
#newsContent .en-text-4 .en-text-4-end {
... ... @@ -2494,7 +2969,11 @@
#newsContent .en-text-5 {
display: flex;
justify-content: center;
margin-bottom: 0.4266666666666667rem;
margin-bottom: (16 / 37.5rem);
& + .preview-image-block {
margin-top: 0 !important;
}
}
#newsContent .en-text-5-block {
... ... @@ -2511,7 +2990,7 @@
height: (44 / 37.5rem);
background: #ED2800;
color: #fff;
font-weight: bold;
font-size: (18 / 37.5rem);
line-height: (22 / 37.5rem);
color: #FFFFFF;
... ... @@ -2521,10 +3000,10 @@
display: flex;
align-items: center;
justify-content: center;
width: ((234 - 44) / 37.5rem);
padding: 0 (24 / 37.5rem) 0 (16 / 37.5rem);
height: (44 / 37.5rem);
background: #f4e8e9;
font-weight: bold;
font-size: (18 / 37.5rem);
line-height: (22 / 37.5rem);
color: #ED2800;
... ... @@ -2535,7 +3014,6 @@
font-size: (12 / 37.5rem);
line-height: (14 / 37.5rem);
color: #CCCCCC;
text-align: justify;
}
.active-wrapper {
... ... @@ -2594,21 +3072,7 @@
.article-source {
position: relative;
padding-left: (7 / 37.5rem);
margin-right: (8 / 37.5rem);
&:before {
display: block;
left: 0;
top: (3 / 37.5rem);
position: absolute;
content: '';
background-image: url("../image/sourceIocn.svg");
background-repeat: no-repeat;
background-size: 100%;
width: (3 / 37.5rem);
height: (14 / 37.5rem);
}
}
@keyframes voteProgressFull {
... ...
/****reset****/
body,
div,
table,
tr,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
label,
select,
textarea,
p,
u,
i,
em,
ul,
ol,
li,
dl,
dd,
dt,
img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
box-sizing: border-box;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
border: 0;
outline: 0;
}
li {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
a,
input,
select,
textarea,
area,
button {
outline: none;
font-family: inherit;
font-size: inherit;
border: none;
background: none;
color: inherit;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
textarea {
overflow: auto;
resize: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
cursor: pointer;
-webkit-appearance: none;
}
html,
body {
overflow-x: hidden;
width: 100%;
height: 100%;
background: #ffffff;
}
* {
-webkit-overflow-scrolling: touch;
}
html {
-webkit-tap-highlight-color: transparent;
}
body {
text-align: left;
}
body #app {
height: 100%;
}
body #app::-webkit-scrollbar {
display: none;
}
body #app::-webkit-scrollbar-thumb {
display: none;
}
body #app::-webkit-scrollbar-track {
display: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix {
zoom: 1;
}
.clearfix::before,
.clearfix::after {
display: table;
content: " ";
}
.clearfix::after {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}
.ant-skeleton {
display: table;
width: 100%;
}
.ant-skeleton + .ant-skeleton {
margin-top: 0.64rem;
}
.ant-skeleton.active {
display: none;
}
.ant-skeleton-content {
display: table-cell;
width: 100%;
margin-bottom: 0.64rem;
vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
width: 100%;
height: 0.53333rem;
margin-top: 0.26667rem;
background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
margin-top: 0.64rem;
}
.ant-skeleton-content .ant-skeleton-paragraph {
padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
width: 23.3%;
height: 0.32rem;
list-style: none;
background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
margin-top: 0.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 {
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-animation: ant-skeleton-loading 1.4s ease infinite;
animation: ant-skeleton-loading 1.4s ease infinite;
}
@-webkit-keyframes ant-skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes ant-skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@-webkit-keyframes spinner-anime {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-anime {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.toast-loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
z-index: 9999999999;
}
.toast-loading.active {
display: none;
}
.toast-loading.none {
display: none;
}
.toast-loading .loading-cont {
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;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 15px;
border-radius: 7px;
background-clip: padding-box;
color: #fff;
background-color: rgba(58, 58, 58, 0.9);
font-size: 15px;
line-height: 20px;
}
.toast-loading .loading-cont .svg {
margin: 0;
width: 32px;
height: 32px;
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../image/loading.svg");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
-webkit-animation: spinner-anime 1s linear infinite;
animation: spinner-anime 1s linear infinite;
}
.toast-loading .loading-cont .svg-text {
display: inline-block;
position: relative;
top: 4px;
}
.skeleton-loading {
display: block;
padding: 0.32rem 0.48rem 0;
height: 17.57333333rem;
overflow: hidden;
}
.skeleton-loading.active {
position: fixed;
left: 0;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.skeleton-loading.none {
display: none;
}
.error-block {
display: none;
box-sizing: border-box;
text-align: center;
padding-top: 3.76rem;
}
.error-block.active {
display: block;
}
.error-block .error-block-image {
text-align: center;
}
.error-block .error-block-image img {
width: 4.26666667rem;
height: 2.98666667rem;
}
.error-block .error-block-retry-btn {
width: 2.13333333rem;
height: 0.74666667rem;
border-radius: 0.08rem;
border: 0.02666667rem solid #EDEDED;
margin: 0 auto;
margin-top: 0.42666667rem;
font-size: 0.32rem;
font-weight: bold;
line-height: 0.74666667rem;
text-align: center;
color: #666666;
}
.error-block .error-block-description-title {
text-align: center;
margin: 0 auto;
font-size: 14px;
color: rgba(51, 51, 51, 0.5);
}
.ellipsis1 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
#app.fixed {
position: fixed;
left: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
width: 100%;
}
.gx-mobile.fixed {
position: fixed;
left: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
width: 100%;
height: 17.57333333rem;
}
.gx-mobile.active {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
}
.refresh-content {
height: 100%;
}
.refresh-content .van-pull-refresh {
height: 100%;
}
html {
-webkit-transition: color 300ms, background-color 300ms;
transition: color 300ms, background-color 300ms;
}
body .van-image__error,
body .van-image__loading {
display: block;
}
body .prism-fullscreen {
z-index: 999999 !important;
}
body .prism-player .prism-animation,
body .prism-player .prism-detect-info,
body .prism-player .prism-button,
body .prism-player .prism-setting-quality,
body .prism-player .prism-setting-audio,
body .prism-player .prism-setting-cc,
body .prism-player .prism-cc-btn,
body .prism-player .prism-volume,
body .prism-player .prism-tooltip,
body .prism-player .prism-setting-btn,
body .prism-player .prism-button-retry,
body .prism-player .dplayer-thumb,
body .prism-player .prism-progress-played,
body .prism-player .prism-progress-cursor,
body .prism-player .prism-progress-hover,
body .prism-player .prism-big-play-btn,
body .prism-player .prism-controlbar,
body .prism-player .prism-info-display,
body .prism-player .prism-text-overlay,
body .prism-player .prism-error-operation,
body .prism-player .prism-ErrorMessage,
body .prism-player .prism-cover,
body .prism-player .prism-loading {
display: none !important;
}
#__vconsole {
z-index: 10000000;
}
#__vconsole .vc-switch {
z-index: 10000000;
}
#__vconsole .vc-panel {
min-height: unset !important;
height: 500px !important;
}
#app {
overflow-y: hidden;
overflow-x: 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: #d9d9d9ff;
}
html[dark-mode] body .gx-mobile .suggested .suggested-item_title {
color: #d9d9d9ff !important;
}
html[dark-mode] body .gx-mobile .suggested .subtitle {
color: #d9d9d9ff !important;
}
html[dark-mode] body .gx-mobile .suggested .left span {
color: #ffffff5c !important;
}
html[dark-mode] body .gx-mobile .title {
color: #d9d9d9ff;
}
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, #e5111eff 0%, #ffb5b9ff 100%);
background: linear-gradient(270deg, #e5111eff 0%, #ffb5b9ff 100%);
}
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 0%, #1d1f2eff 48%, #1d1f2eff 99%);
background: linear-gradient(179.9deg, #1d1f2e00 0%, #1d1f2eff 48%, #1d1f2eff 99%);
}
html[dark-mode] body .gx-mobile .open img {
width: 0.42667rem;
height: 0.42667rem;
}
html[dark-mode] body .gx-mobile .time {
color: rgba(255, 255, 255, 0.4);
}
html[dark-mode] body .gx-mobile #newsContent {
background-color: #12131e !important;
color: #ccc;
}
html[dark-mode] body .gx-mobile #newsContent h1,
html[dark-mode] body .gx-mobile #newsContent h2,
html[dark-mode] body .gx-mobile #newsContent div,
html[dark-mode] body .gx-mobile #newsContent h3,
html[dark-mode] body .gx-mobile #newsContent p,
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 ul,
html[dark-mode] body .gx-mobile #newsContent li,
html[dark-mode] body .gx-mobile #newsContent ol {
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: rgba(255, 255, 255, 0) !important;
}
html[dark-mode] body .footer {
background-color: #12131e;
border-top: #252630;
}
.anticon-spin {
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes loadingCircle {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes loadingCircle {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loadingCircle {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
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)}}
/*# sourceMappingURL=prodGlobal.css.map */
\ No newline at end of file
... ...
<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>
\ No newline at end of file
<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>
\ No newline at end of file
... ...
<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>
\ No newline at end of file
... ...
<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>
\ No newline at end of file
<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>
\ No newline at end of file
... ...
<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>
\ No newline at end of file
<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>
\ No newline at end of file
... ...
<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>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="zh">
<html lang="zh" style="font-size: 37.5px">
<head>
<!-- 声明文档使用的字符编码 -->
... ... @@ -14,11 +14,11 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 设置苹果工具栏颜色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!--<script src="./js/plugin/vconsole.min.js"></script>-->
<script src="./js/plugin/vconsole.min.js"></script>
<script>
// new VConsole()
new VConsole()
var hasDetails = false
function getTime() {
const now = new Date()
... ... @@ -29,20 +29,45 @@
return `${hours}:${minutes}:${seconds}:${secondss}`
}
var firstTime = new Date()
console.log('页面开始加载资源:' + getTime())
// console.log('页面开始加载资源:' + getTime())
</script>
<script>
var hasDetails = false
var pageLoadOutTime = null
function checkPageLoadingTimeOut() {
clearTimeout(pageLoadOutTime)
pageLoadOutTime = null
pageLoadOutTime = setTimeout(() => {
clearTimeout(pageLoadOutTime)
pageLoadOutTime = null
if (!hasDetails) {
console.log(`页面展示超过${200}毫秒`)
if (document.querySelector('.error-block').style.display === 'block') {
return
}
if (document.querySelector('.skeleton-loading').classList.contains('active')) {
document.querySelector('.skeleton-loading').classList.remove('active')
}
} else {
// console.log(`页面展示小于${time}毫秒`)
}
}, 200)
}
</script>
<script src="./js/utils/nativeUtil.js"></script>
<!-- 引入样式文件 -->
<link rel="stylesheet" href="./css/aliPlayer.min.css" />
<link rel="stylesheet" href="./css/swiper-bundle.min.css" />
<!--<link rel="stylesheet" href="./css/global.css" />-->
<link rel="stylesheet" href="./css/prodGlobal.css" />
<!--<link rel="stylesheet" href="./css/index.css" />-->
<link rel="stylesheet" href="./css/prodIndex.css" />
<!-- 引入基本js文件 -->
<script src="./js/plugin/rem.js"></script>
<script src="./js/utils/config.js"></script>
<script src="./js/plugin/rem.js"></script>
</head>
<body>
... ... @@ -151,88 +176,80 @@
<div class="error-block-retry-btn">
点击重试
</div>
<div class="error-block-reload-btn" style="display: none">
模拟app复用重新加载
</div>
</div>
</div>
<div id="app" class="fixed">
<div class="app-skeleton-loading none">
<div class="ant-skeleton ant-skeleton-active">
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 38%"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
<li style="width: 61%"></li>
</ul>
</div>
</div>
<div class="ant-skeleton ant-skeleton-active">
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 38%"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
<li style="width: 61%"></li>
</ul>
</div>
</div>
<div class="ant-skeleton ant-skeleton-active">
<div class="ant-skeleton-content">
<h3 class="ant-skeleton-title" style="width: 38%"></h3>
<ul class="ant-skeleton-paragraph">
<li></li>
<li></li>
<li style="width: 61%"></li>
</ul>
</div>
</div>
</div>
<div class="gx-mobile">
<div class="gx-mobile" :class="[ isNewspaper ? 'newspaper-article' : 'rmrb-article', deviceType ]">
<div class="reload-page" v-if="baseNode == 'dev'" @click="mockAppClearData">模拟app复用重新加载</div>
<!-- 肩标题 -->
<!-- index.js文件return出去的都可以在这直接使用 -->
<!-- details都是接口返回的并进行二次改造的 -->
<div class="short-title droidSerif" style="display: none;"></div>
<div class="short-title droidSerif" v-if="!!details.newsShortTitle" v-html="details.newsShortTitle"></div>
<!-- 顶部标题 -->
<div class="title droidSerif-bold" id="newsTitle" v-html="details.newsTitle">
</div>
<div class="title droidSerif-bold" id="newsTitle" v-if="!!details.newsTitle" v-html="details.newsTitle"></div>
<!-- 副标题 -->
<div class="down-title-box" v-if="!!details.newsDownTitle">
<span class="down-title droidSerif" v-html="details.newsDownTitle"></span>
</div>
<!-- 撰稿者 浏览量 没有人民号时展示-->
<div class="time pageView" v-if="!details.rmhInfo">
<div class="article-source" v-if="details.newsSourceName">{{details.newsSourceName}}</div>
<template v-if="details.author && details.author.length">
<div
class="time pageView"
v-if="!isRmh || (details.rmhInfo && details.rmhInfo.userType == 5)"
:class="hasReadCount ? '' : details.newsSourceName || (details.author && details.author.length) ? '' : 'hidden-extra'"
>
<div class="article-source-icon"></div>
<span class="article-source" v-if="details.newsSourceName && !isRmh">{{ details.newsSourceName }}</span>
<span class="article-source" v-if="details.rmhName && isRmh">{{ details.rmhName }}</span>
<template v-if="details.author && details.author.length && !isRmh">
<span class="author-item" v-for="item in details.author" :key="item">
{{ item }}
</span>
</template>
<span class="browseCntStr" v-if="browseCnt && browseCnt != '0'">浏览量{{ browseCnt }}</span>
<span class="browseCntStr" v-if="!isRmh"></span>
</div>
<!-- 更多相关资讯 -->
<!-- 篇头跳转 -->
<div class="head-link-block" v-if="hasHeadLink" @click="moreInformationClick">
<img src="./image/headLinkIcon.svg" alt="">
{{ details.newLinkObject.newsTitle }}
<span class="head-link-block-str" v-html="details.newLinkObject.newsTitle"></span>
</div>
<!-- 导读 -->
<div class="new-intro-box droidSerif" v-if="details.newIntroduction">
<div class="yh-icon"></div>
{{details.newIntroduction}}
<span v-html="details.newIntroduction"></span>
</div>
<!-- 人民号 -->
<div class="rmcard" v-if="details.rmhHeadUrl && details.rmhName">
<img class="rmcard-image" :src="details.rmhHeadUrl" alt="" @click="skipCustomerNumberPage" />
<div class="rmcard" v-if="isRmh && details.rmhInfo && details.rmhInfo.userType != 5">
<img v-if="details.rmhHeadUrl" class="rmcard-image" :src="details.rmhHeadUrl" alt="" @click="skipCustomerNumberPage" />
<div v-else class="rmcard-image default">
<img src="./image/rmh.svg" alt="">
</div>
<img v-if="!!details.authIcon" class="rmcard_v" :src="details.authIcon" alt="" />
<!--<img v-if="!!details.authIcon" class="rmcard_v" src="./image/createrV2Icon.svg" alt="" />-->
<div class="cdescrip">
<div class="cdescrip_text">{{details.rmhName}}</div>
<div class="cdescrip_text">{{details.rmhDesc}}</div>
<div class="cdescrip_text" :class="details.rmhDesc ? '' : 'cdescrip_text_top'" @click="skipCustomerNumberPage">{{details.rmhName}}</div>
<div class="cdescrip_text" v-if="details.rmhDesc" @click="skipCustomerNumberPage">{{details.rmhDesc}}</div>
</div>
<!-- @click.stop阻止事件冒泡 -->
<template v-if="!isOwer">
<div class="clook-btn clook" @click.stop="clookBtn" v-if="clookStatusSee || showClook">
<img src="./image/clook.svg" alt="">
关注
<template v-if="clookBtnActive">
<img class="clook-loading anticon-spin" src="./image/loading_clock.svg" alt="">
</template>
<template v-else>
<img class="add-clook-icon" src="./image/clook.svg" alt="">
<span class="add-clook-text">关注</span>
</template>
</div>
<div class="clook-btn isclook" v-else @click.stop="clookCancelBtn">
<template v-if="clookCancelBtnActive">
<img class="clook-loading anticon-spin" src="./image/loading_clock.svg" alt="">
</template>
<template v-else>
已关注
</template>
</div>
<div class="clook-btn isclook" v-else @click.stop="clookCancelBtn">已关注</div>
</template>
</div>
<!-- 主体内容部分 -->
<div class="content-block">
... ... @@ -242,53 +259,82 @@
<div class="editor-charge" v-if="(!details.rmhInfo) && (details.editorName)">
责任编辑:{{ details.editorName }}
</div>
<div class="statement" v-if="details.rmhHeadUrl && details.rmhName">
<div class="statement" v-if="isRmh && details.rmhInfo && details.rmhInfo.userType != 5">
特别声明:本文为人民日报新媒体平台“人民号”作者上传并发布,仅代表作者观点。人民日报仅提供信息发布平台。
</div>
<!-- 投票 -->
<div class="vote" v-if="details.voteInfo && Object.keys(details.voteInfo).length > 0 && details.options">
<div class="title droidSerif-bold">{{ details.voteInfo.title }}</div>
<div class="vote-title droidSerif-bold">{{ details.voteInfo.title }}</div>
<!-- style = 1 二选一 -->
<div v-if="details.voteInfo && details.voteInfo.style === 1 && voteInit">
<!-- 投票前 -->
<div class="btns1" v-if="voteState.status === 0 && details.endTimePoint != 'Close'">
<div class="s s1" :style="optionList.length ? { ...optionList[0].oneStyle, width: '50%' } : {}" @click="goVote(details.voteInfo.voteId , details.yes.optionId , details.yes.index)">
<div class="btns1" v-if="voteState.status === 0 && details.endTimePoint">
<div class="s s1 none" :style="optionList.length ? { ...optionList[0].oneStyle, width: '50%', background: optionList[0].backColor || undefined, color: optionList[0].wordColor || undefined } : {}">
{{ details.yes.summary }}
</div>
<div class="s s2" :style="optionList.length ? { ...optionList[0].twoStyle, width: '50%' } : {}" @click="goVote(details.voteInfo.voteId , details.no.optionId , details.no.index)">
<div class="s s2 none" :style="optionList.length ? { ...optionList[0].twoStyle, width: '50%', background: optionList[1].backColor || undefined, color: optionList[1].wordColor || undefined } : {}">
{{ details.no.summary }}
</div>
<div
class="s s1 active"
:style="optionList.length ? { ...optionList[0].oneStyle, width: 'calc(50% + 2.5px)', background: optionList[0].backColor || undefined, color: optionList[0].wordColor || undefined } : {}"
@click="goVote(details.voteInfo.voteId , details.yes.optionId , details.yes.index)"
>
{{ details.yes.summary }}
</div>
<div
class="s s2 active"
:style="optionList.length ? { ...optionList[0].twoStyle, width: 'calc(50% + 2.5px)', background: optionList[1].backColor || undefined, color: optionList[1].wordColor || undefined } : {}"
@click="goVote(details.voteInfo.voteId , details.no.optionId , details.no.index)"
>
{{ details.no.summary }}
</div>
</div>
<!-- 投票后 -->
<div class="aft anmite-vote" v-if="voteState.status == 1 || details.endTimePoint === 'Close'">
<div class="aft anmite-vote" v-if="voteState.status == 1 || !details.endTimePoint">
<div class="jdat">
<div class="pkjd-box" v-if="optionList[0].votesBf != 0 || optionList[1].votesBf != 0">
<span
class="s s1"
:style="optionList[0].oneStyle"
:style="optionList.length ? { ...optionList[0].oneStyleAfter, background: optionList[0].backColor || undefined } : {}"
>
</span>
<span
class="s s2"
:style="optionList[1].twoStyle"
:style="optionList.length ? { ...optionList[0].twoStyleAfter, background: optionList[1].backColor || undefined } : {}"
>
</span>
</div>
<span v-if="optionList[0].votesBf === 0 && optionList[1].votesBf === 0" v-for="it in optionList"
:key="it.index" :class="['s', it.index === 1 ? 's1' : 's2']" style="width: 50%">
<span
v-if="optionList[0].votesBf === 0 && optionList[1].votesBf === 0"
v-for="it in optionList"
:key="it.index"
:class="['s', it.index === 1 ? 's1' : 's2']"
style="width: 50%"
>
</span>
</div>
<div class="bf sigle">
<template v-if="optionList.length > 0">
<div class="lt">
<span class="lt-s1 mr">{{ optionList[0].votesBf }}%</span>
<span
class="lt-s1 mr"
:style="optionList.length ? { color: optionList[0].backColor || undefined } : {}"
>
{{ optionList[0].votesBf }}%
</span>
<span class="lt-s2">{{ details.yes.summary }}</span>
<img style="margin-left: 0.10666666666666667rem" src="./image/vote/dh.svg" />
<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>
</div>
<div class="rt">
<img style="margin-right: 0.10666666666666667rem" src="./image/vote/dh2.svg" />
<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>
<span class="lt-s2">{{ details.no.summary }}</span>
<span class="lt-s1 rtbf">{{ optionList[1].votesBf }}%</span>
<span
class="lt-s1 rtbf"
:style="optionList.length ? { color: optionList[1].backColor || undefined } : {}"
>
{{ optionList[1].votesBf }}%
</span>
</div>
</template>
</div>
... ... @@ -297,7 +343,7 @@
<!-- style = 2 多选一 -->
<div v-if="details.voteInfo && details.voteInfo.style === 2 && voteInit">
<!-- 投票前 -->
<div v-if="voteState.status === 0 && details.endTimePoint != 'Close'">
<div v-if="voteState.status === 0 && details.endTimePoint">
<div :class="['bts2', canSeeBtnOne ? details.options.length >= 0 ? '' : 'mht' : 'mht']">
<div
class="btsIem"
... ... @@ -308,15 +354,13 @@
{{ et.summary }}
</div>
</div>
<!--<div id="btt" class="open" @click="showAllSelect" v-show="canSeeBtnOne && details.options.length >= 0">-->
<!-- <img v-if="darkMode == 'light'" src="./image/vote/moreVote.svg">-->
<!-- <img v-else src="./image/vote/moreVoteDark.svg">-->
<!--</div>-->
</div>
<!-- 投票后 -->
<div :class="['bts3 mht2', canSeeBtnTwo ? '': 'mht2']"
v-if="voteState.status === 1 || details.endTimePoint === 'Close'">
<div
:class="['bts3 mht2', canSeeBtnTwo ? '': 'mht2']"
v-if="voteState.status === 1 || !details.endTimePoint"
>
<div class="zsbox" v-for="et in optionList" :key="et.index">
<div class="bf">
<div class="sumBox">
... ... @@ -336,10 +380,6 @@
</span>
</div>
</div>
<!--<div class="open" @click="showAllSelect2" v-if="canSeeBtnTwo && details.options.length >= 3">-->
<!-- <img v-if="darkMode == 'light'" src="./image/vote/moreVote.svg">-->
<!-- <img v-else src="./image/vote/moreVoteDark.svg">-->
<!--</div>-->
</div>
</div>
</div>
... ... @@ -360,15 +400,19 @@
</div>
<div class="timeLine_list">
<div class="timeLine_list_item" v-for="item in timeLine.data" :key="item.id">
<div class="timeLine_list_item_title" @click="openMoreTimeLine" :style="{ color: timeLine.slideColor }">
<div class="timeLine_list_item_title" @click="openMoreTimeLine">
{{ item.dateTimeStr }}
<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>
<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>
</div>
<div class="timeLine_list_item_content" @click="openMoreTimeLine">
{{ item.newsTitle }}
</div>
<div class="timeLine_list_item_line" :style="{ background: timeLine.slideColor }"></div>
<div class="timeLine_list_item_line" v-if="timeLine.data.length > 1"></div>
</div>
</div>
<div class="timeline_more" @click="openMoreTimeLine">
... ... @@ -392,7 +436,9 @@
@click="openShare('8')"
:style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : undefined }"
>
<img class="sharePointRight" :class="appHeader.system === 'ios' ? 'coincide' : ''" src="./image/share/right.png" alt="">
<img class="image-first" src="./image/firstStart.png" alt="">
<img class="image-center" src="./image/firstCenter.png" alt="">
<img class="image-end" src="./image/firstEnd.png" alt="">
<div class="share-content">
<img src="./image/share/poster.svg" alt="">
<span>海报</span>
... ... @@ -405,12 +451,16 @@
@click="openShare('3')"
:style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }"
>
<template v-if="details.shareInfo.sharePosterOpen == 1">
<img class="sharePointLeft" src="./image/share/left.png" alt="">
<img class="sharePointRight" :class="appHeader.system === 'ios' ? 'coincide' : ''" src="./image/share/right.png" alt="">
<img class="image-first" src="./image/secondStart.png" alt="">
<img class="image-center" src="./image/secondCenter.png" alt="">
<img class="image-end" src="./image/secondEnd.png" alt="">
</template>
<template v-else>
<img class="sharePointRight" :class="appHeader.system === 'ios' ? 'coincide' : ''" src="./image/share/right.png" alt="">
<img class="image-first" src="./image/firstStart.png" alt="">
<img class="image-center" src="./image/firstCenter.png" alt="">
<img class="image-end" src="./image/firstEnd.png" alt="">
</template>
<div class="share-content">
<img src="./image/share/wechat.svg" alt="">
... ... @@ -422,8 +472,9 @@
@click="openShare('4')"
:style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }"
>
<img class="sharePointLeft" src="./image/share/left.png" alt="">
<img class="sharePointRight" :class="appHeader.system === 'ios' ? 'coincide' : ''" src="./image/share/right.png" alt="">
<img class="image-first" src="./image/secondStart.png" alt="">
<img class="image-center" src="./image/secondCenter.png" alt="">
<img class="image-end" src="./image/secondEnd.png" alt="">
<div class="share-content">
<img src="./image/share/wechatCircle.svg" alt="">
<span>朋友圈</span>
... ... @@ -434,24 +485,29 @@
@click="openShare('5')"
:style="{ width: details.shareInfo.sharePosterOpen == 1 ? `calc(${100/4}% + ${2/37.5}rem)` : `calc(${100/3}% + ${2.5/37.5}rem)` }"
>
<img class="sharePointLeft" src="./image/share/left.png" alt="">
<img class="image-first" src="./image/thirdStart.png" alt="">
<img class="image-center" src="./image/thirdCenter.png" alt="">
<img class="image-end" src="./image/thirdEnd.png" alt="">
<div class="share-content">
<img src="./image/share/weibo.svg" alt="">
<span>微博</span>
</div>
</div>
</div>
<div v-if="baseNode === 'dev'" class="reload-page" @click="clearData">重新加载</div>
<div class="reload-page" v-if="baseNode == 'dev'" @click="mockAppClearData">模拟app复用重新加载</div>
</div>
<!--获取详情数据-->
<div id="detail-change" class="hidden" @click="requestApp"></div>
<div id="network-change" class="hidden" @click="changeNetworkStatus"></div>
<div id="page-change" class="hidden" @click="queryPageLeaveStatus"></div>
<div id="notice-change" class="hidden" @click="changeNoticeStatus"></div>
<div id="notice-change" class="hidden" @click="changeMediaPlayStatus"></div>
<div id="quitevent-change" class="hidden" @click="quitGraphicDetailPageEvent"></div>
<div id="reloadBtn" data-info="" class="hidden" @click="reload"></div>
<div id="reloadBtn" class="hidden" @click="reload"></div>
<!--<div id="browseCnt-change" class="hidden" @click="browseCntChange"></div>-->
<!--清理本地状态,一切回到最初值-->
<div id="reloadPage" class="hidden" @click="mockAppClearData"></div>
<div id="page-reload-change" class="hidden" @click="pageReloadChange(500)"></div>
<div id="clearData" class="hidden" @click="clearData"></div>
</div>
<div id="voteHiddenBlock">
... ... @@ -462,20 +518,6 @@
<div id="hidden"></div>
<div id="hiddenArticle"></div>
<script>
var hasDetails = false
setTimeout(() => {
if (!hasDetails) {
console.log('页面展示超过100毫秒')
if (document.querySelector('.skeleton-loading').classList.contains('active')) {
document.querySelector('.skeleton-loading').classList.remove('active')
}
} else {
console.log('页面展示小于100毫秒')
}
}, 100)
</script>
<script>
var slow = false
var fast = false
setTimeout(() => {
... ... @@ -528,9 +570,21 @@
<!-- 业务文件 文件 -->
<script src="./js/index.js"></script>
<script>
if (window.config.VUE_BASE_NODE === 'dev' && !window.config.devApp) {
firstTime = new Date()
checkPageLoadingTimeOut()
}
</script>
<script>
if (window.config.VUE_BASE_NODE === 'dev') {
document.querySelector('.error-block-reload-btn').addEventListener('click', () => {
document.querySelector('#reloadPage').click()
})
}
document.querySelector('.error-block-retry-btn').addEventListener('click', () => {
if (document.querySelector('#reloadBtn')) {
// document.querySelector('#reloadBtn').click()
document.querySelector('#reloadBtn').click()
}
})
</script>
... ...
... ... @@ -12,7 +12,14 @@ function useAudio(audioState, details) {
playVideoErrorPoint(pointData(record), !!record.traceId)
}
const audioEvent = {}
let audioEvent = {
duration: [],
time: [],
play: [],
pause: [],
error: [],
ended: [],
}
const start = () => {
audioEvent.duration = []
... ... @@ -70,6 +77,12 @@ function useAudio(audioState, details) {
audioStylePlay.style.display = 'none'
audioStylePause.style.display = 'block'
try {
sendNative('jsCall_currentPageOperate', {
operateType: '10'
})
} catch (e) { }
audioElList.forEach(el => {
const dataIds = el.getAttribute('data-id')
if (dataIds != dataId) {
... ... @@ -104,6 +117,7 @@ function useAudio(audioState, details) {
watch(audioState, (val) => {
if (val) {
console.log('watch', val)
const audioElList = document.querySelectorAll('.preview-audio-player, .preview-audio-player-cover')
audioElList.forEach((item, _) => {
... ... @@ -123,6 +137,7 @@ function useAudio(audioState, details) {
})
const remove = () => {
audioPlayNum.value = 0
const audioElList = document.querySelectorAll('.preview-audio-player, .preview-audio-player-cover')
audioElList.forEach((item, key) => {
const audioStylePlay = item.querySelector('.audio-play-icon')
... ... @@ -135,14 +150,32 @@ function useAudio(audioState, details) {
audioStylePlay.style.display = 'block'
}
if (audioEvent.duration.length) {
item_audio.removeEventListener('durationchange', audioEvent.duration[key])
}
if (audioEvent.time.length) {
item_audio.removeEventListener('timeupdate', audioEvent.time[key])
}
if (audioEvent.ended.length) {
item_audio.removeEventListener('ended', audioEvent.ended[key])
}
if (audioEvent.error.length) {
item_audio.removeEventListener('error', audioEvent.error[key])
}
if (audioEvent.play.length) {
audioStylePlay.removeEventListener('click', audioEvent.play[key])
}
if (audioEvent.pause.length) {
audioStylePause.removeEventListener('click', audioEvent.pause[key])
})
}
})
audioEvent = {}
}
return {
... ...
... ... @@ -12,6 +12,22 @@ function useEchart() {
const start = (options) => {
if (options) {
Object.values(options).forEach((item) => {
let dom = document.querySelector(`#${item.id}`)
if (dom) {
const type = item.option && item.option.series ? item.option.series[0].type : ''
const title = item.option.title ? item.option.title.text || '' : ''
let yValueName = ''
const isScatter = item.option.series && item.option.series.length === 2
if (isScatter) {
} else {
yValueName = item.option && item.option.yAxis ? item.option.yAxis.name : ''
}
dom.outerHTML = `<div class="en-echart">${!!title ?
`<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>`
}
})
setTimeout(() => {
loadFile(
document,
... ... @@ -33,14 +49,10 @@ function useEchart() {
() => {
const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true'
echarts.registerTransform(ecStat.transform.regression)
Object.values(options).map((item) => {
Object.values(options).forEach((item) => {
let dom = document.querySelector(`#${item.id}`)
if (dom) {
const type = item.option.series[0].type
const title = item.option.title ? item.option.title.text || '' : ''
let yValueName = ''
const isScatter = item.option.series && item.option.series.length === 2
const seriesObjSecond = item.option.series ? item.option.series[1] : {}
item.option.yAxis = item.option && item.option.yAxis ? item.option.yAxis[0] : {}
... ... @@ -50,13 +62,11 @@ function useEchart() {
item.option.yAxis.nameTextStyle.align = 'left'
item.option.yAxis.nameTextStyle.padding = [ 0, 0, 0, -34 ]
} else {
yValueName = item.option.yAxis.name
delete item.option.yAxis.name
}
dom.outerHTML = `<div class="en-echart">${!!title ?
`<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>`
let dom2 = document.querySelector(`#${item.id}`)
console.log(dom2)
let chart = echarts.init(dom2, null, {
renderer: 'svg',
useDirtyRect: false
... ... @@ -102,7 +112,7 @@ function useEchart() {
backgroundColor: isDark ? '#161827' : '#fff',
grid: {
containLabel: true,
left: '0%',
left: '1px',
right: '5%',
top: type === 'pie' ? '0%' : '6%',
bottom: '5%',
... ... @@ -170,7 +180,7 @@ function useEchart() {
)
}
)
}, 100)
}, 10)
}
}
... ...
... ... @@ -2,20 +2,22 @@ const { ref, reactive, watch } = Vue
const domUtil = new DomUtil('#newsContent')
let audioNoticeEvent = []
let audioTitleElList = []
function useEditorContent(
details,
netstutas,
networkSwitch,
audioState,
loadlmageOnlyWifiSwitch,
recordTime
) {
const { startImage, remove: removeImage, addPreview } = useImage(details, netstutas, loadlmageOnlyWifiSwitch)
const { start: startAudio, remove: removeAudio } = useAudio(audioState)
const { start: startAudio, remove: removeAudio } = useAudio(audioState, details)
const { start: startEchart, echartRemove } = useEchart()
const { startSwiper, addSwiper, remove: removeSwiper, elList: swiperList } = useSwiper()
const { startSwiperPoster, addSwiperPoster, remove: removeSwiperPoster, elList: swiperPosterList } = useSwiperPoster()
const { initVideo, addVideoList, removeDpVideo } = useVideo(netstutas, networkSwitch)
const { initVideo, addVideoList, removeDpVideo } = useVideo()
const startSwiperText = () => {
const basicWidth = getTextWidth('Trucks wait to load containers at a container terminal in Rizhao。', {
... ... @@ -43,30 +45,98 @@ function useEditorContent(
// 添加关键帧到样式表中
keyframesSheet.insertRule(`@keyframes swiperText${i} { ${frameStyles} }`, 0)
keyframesSheet.insertRule(`@keyframes swiperTextIn${i} { ${frameStyless} }`, 1)
// @ts-ignore
swiperText[i].style.animation = `swiperText${i} ${firstDuration}s linear`
// @ts-ignore
swiperText[i].style.animationDelay = `.5s`
setTimeout(() => {
// @ts-ignore
swiperText[i].style.animation = `swiperTextIn${i} ${rate * (rightWidth + textWidth)}s linear infinite`
// @ts-ignore
swiperText[i].style.animationDelay = `0`
}, firstDuration * 1000 + 500)
}
}
const handleArticleStr = () => {
console.log(`编辑器内容二次处理开始:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs()
.diff(dayjs(firstTime), 'millisecond')}`)
const startAuidoText = () => {
const originAudioElList = document.querySelectorAll('.audio-title')
originAudioElList.forEach(el => {
const wrapWidth = el.getBoundingClientRect().width
const textHeight = el.getBoundingClientRect().height
const text = el.textContent
const hasCover = el.getAttribute('data-cover') === 'cover'
const isShortTitle = getTextWidth(text, {
fontSize: hasCover ? '0.32rem' : '0.4rem',
fontWeight: hasCover ? 500 : 700,
lineHeight: hasCover ? '0.42666667rem' : `${17 / 37.5}rem`,
display: 'inline-block',
wordBreak: 'break-all',
width: `${wrapWidth}px`
}, 'height') <= textHeight
if (!isShortTitle) {
audioTitleElList.push(el)
}
})
for (let i = 0; i < audioTitleElList.length; i++) {
const el = audioTitleElList[i]
const wrapWidth = el.getBoundingClientRect().width
const speed = 60
const contentEl = el.querySelector('.audio-notice-title')
const contentWidth = contentEl.getBoundingClientRect().width
let offset = -contentWidth
let duration = contentWidth / +speed
contentEl.style.transform = offset ? `translateX(${offset}px)` : ''
contentEl.style.transitionDuration = `${duration}s`
function onTransitionEnd() {
offset = wrapWidth
duration = 0
contentEl.style.transform = offset ? `translateX(${offset}px)` : ''
contentEl.style.transitionDuration = `${duration}s`
setTimeout(() => {
offset = -contentWidth
duration = (contentWidth + wrapWidth) / +speed
contentEl.style.transform = offset ? `translateX(${offset}px)` : ''
contentEl.style.transitionDuration = `${duration}s`
}, 50)
}
audioNoticeEvent.push(onTransitionEnd)
contentEl.addEventListener('transitionend', onTransitionEnd)
}
}
const handleArticleStr = (deleteFirst) => {
// console.log(`编辑器内容二次处理开始:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
// .diff(recordTime.value, 'millisecond')} - ${dayjs()
// .diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
// TODO 这里是把给到的内容格式化-兼容早晚报
let str = details.value.newsContent.replace(/<img(.*?)src="(.*?)"(.*?)>/g, '<img$1src="" data-src="$2"$3>')
str = str.replace(/<IMG(.*?)src="(.*?)"(.*?)>/g, '<IMG$1src="" data-src="$2"$3>')
str = str.replace(/<video(.*?)poster="(.*?)"(.*?)>/g, '<video$1poster="" data-poster="$2"$3>')
str = str.replace(/<VIDEO(.*?)poster="(.*?)"(.*?)>/g, '<VIDEO$1poster="" data-poster="$2"$3>')
str = str.replace(/<p>\s*<\/p>/g, '')
str = str.replace(/[\u200B-\u200D\uFEFF]/g, '')
str = htmlDecode(str)
// 这一步去除元素与元素之间的空格
str = str.replace(/>\s+</g, '><')
// 这一步去除开头和末尾的空格
str = str.trim()
if (!deleteFirst) {
str = str.replace(/<br>|<br\/>/g, '')
str = str.replace(/&nbsp;/g, ' ')
// 首行空格
str = str.replace(/<[^>]*>(\s*)/g, function (match, group) {
return '<' + match.substring(1, match.length - group.length)
})
// 末尾空格
str = str.replace(/(<\w+[^>]*>)\s*(.*?)\s*(<\/\w+>)/g, function (match, openTag, content, closeTag) {
return openTag + content.trim() + closeTag
})
}
document.querySelector('#newsContent').innerHTML = str
const realHtml = document.querySelector('#newsContent').innerHTML
document.querySelector('#newsContent').innerHTML = ''
... ... @@ -74,12 +144,13 @@ function useEditorContent(
if (type === 1) {
addPreview()
} else if (type === 2) {
/*option: id: "FbbrVKdkkE",originId: "origin-video-0",poster: "",src: "https://rmrb-video-content-sit.oss-cn-beijing.aliyuncs.com/zhbj-202 */
addVideoList(option)
} else if (type === 3) {
addSwiper(option)
} else if (type === 4) {
addSwiperPoster(option)
} else if (type === 5) {
loadCSS('./css/swiper-bundle.min.css')
}
}, details.value, netstutas.value, loadlmageOnlyWifiSwitch.value)
clearEmptyPel()
... ... @@ -88,16 +159,19 @@ function useEditorContent(
appBlock(true)
mobileApp(true)
console.log(`数据逻辑处理总共耗时时间:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs()
.diff(dayjs(firstTime), 'millisecond')}`)
// console.log(`数据逻辑处理总共耗时时间:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
// .diff(recordTime.value, 'millisecond')} - ${dayjs()
// .diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
nextTick(() => {
startSwiperText()
startAuidoText()
if (details.value.newsContentBak && details.value.newsContentBak !== '{}') {
try {
startEchart(JSON.parse(details.value.newsContentBak))
} catch (e) {}
} catch (e) {
}
}
addLinkClick()
startImage()
... ... @@ -110,7 +184,7 @@ function useEditorContent(
changeContentHtmlHeight({ type: 'done' })
})
})
}
const addLinkClick = () => {
... ... @@ -133,11 +207,7 @@ function useEditorContent(
}
}
try {
if (window.config.VUE_BASE_NODE === 'dev') {
if (url) window.open(url)
} else {
let dataInfo = aEl[i].getAttribute('data-rmrbnative')
try {
if (dataInfo) {
dataInfo = Base64().decode(dataInfo)
... ... @@ -153,9 +223,13 @@ function useEditorContent(
if (!inner) {
// TODO 这里判断第二种方法:url地址规则判断是否端内打开
}
if (window.config.VUE_BASE_NODE === 'dev') {
console.log(inner)
console.log(dataInfo)
// if (url) window.open(url)
} else {
if (inner && url) {
jumpAppInnerFun(dataInfo)
jumpAppInnerFun(dataInfo, url)
} else if (url) {
sendNative(
'jsCall_appInnerLinkMethod',
... ... @@ -170,8 +244,8 @@ function useEditorContent(
}
}
const initEditorStr = () => {
handleArticleStr()
const initEditorStr = (deleteFirst) => {
handleArticleStr(deleteFirst)
}
const refreshEditorStr = () => {
... ... @@ -181,6 +255,10 @@ function useEditorContent(
behavior: 'smooth' // 如果需要平滑滚动,可以添加这个选项
})
}
audioTitleElList.forEach((el, key) => {
const contentEl = el.querySelector('.audio-notice-title')
contentEl.removeEventListener('transitionend', audioNoticeEvent[key])
})
removeDpVideo()
removeImage()
echartRemove()
... ...
... ... @@ -4,6 +4,8 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
const imageLoaded = ref(false)
let clickFunList = []
watch(() => imageLoadedLen.value, (val) => {
if (val === document.querySelectorAll('#newsContent img[data-src]').length && val > 0) {
imageLoaded.value = true
... ... @@ -44,7 +46,6 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
if (hasPreview) {
record.parentNode.setAttribute('status', 'error')
record.parentNode.classList.remove('success')
record.parentNode.classList.remove('minHeight')
record.parentNode.classList.remove('loading')
record.parentNode.classList.remove('no-network')
record.parentNode.classList.add('error')
... ... @@ -77,6 +78,17 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
}
// 没有该属性代表不加载
if (!src) {
if (imageLoadedLen.value !== document.querySelectorAll('#newsContent img[data-src]').length) {
imageLoadedLen.value += 1
}
if (hasPreview) {
record.parentNode.setAttribute('status', 'error')
record.parentNode.classList.remove('success')
record.parentNode.classList.remove('loading')
record.parentNode.classList.remove('no-network')
record.parentNode.classList.add('error')
}
continue
}
const networkStatus = [ 2, 3, 4, 5 ]
... ... @@ -107,15 +119,14 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
}
const remove = () => {
const list = document.querySelectorAll('#newsContent img[data-src]')
for (let i = 0; i < list.length; i++) {
const hasPreview = list[i].classList.contains('image-player')
if (hasPreview) {
list[i].removeEventListener('click', () => {})
}
const previewElList = document.querySelectorAll('#newsContent .preview-image-block')
for (let i = 0; i < previewElList.length; i++) {
previewElList[i].removeEventListener('click', clickFunList[i])
}
previewLen.value = 0
imageLoadedLen.value = 0
imageLoaded.value = false
clickFunList = []
}
const addPreview = () => {
... ... @@ -124,7 +135,7 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
// 监听客户端网络状况以及是否点过继续状态 0 无网络 1 wifi 2,3,4,5 无wifi状态
watch([ () => netstutas.value, () => previewLen.value, () => loadlmageOnlyWifiSwitch.value ], ([ status, num, loadImage ]) => {
if (num === document.querySelectorAll('#newsContent img[data-src]').length) {
if (num <= document.querySelectorAll('#newsContent img[data-src]').length && loadImage != '0' && status != -1) {
initImage(status, loadImage)
}
}, { deep: true })
... ... @@ -133,7 +144,7 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
const previewElList = document.querySelectorAll('#newsContent .preview-image-block')
const imageArraryEl = document.querySelectorAll('#newsContent .preview-image-block img.image-player')
for (let i = 0; i < previewElList.length; i++) {
previewElList[i].addEventListener('click', () => {
function clickFun() {
if (hasClass(previewElList[i], 'link-image')) {
const peopleOrigin = []
let url = previewElList[i].getAttribute('data-href')
... ... @@ -184,8 +195,6 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
} catch (e) {
console.log(e)
}
return
}
if (
... ... @@ -207,9 +216,11 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
return
}
if (hasClass(previewElList[i], 'link-image')) { return }
let imageArrary = []
for (let a = 0; a < imageArraryEl.length; a++) {
const src = imageArraryEl[a].getAttribute('src')
const src = imageArraryEl[a].getAttribute('data-origin-src') || imageArraryEl[a].getAttribute('src')
const newSrc = src.split('?')[0]
const originRecord = details.value.photoList.find(el => el.picPath === newSrc)
const status = previewElList[a].getAttribute('status')
... ... @@ -241,7 +252,9 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
imgArr: deepCopy(imageArrary)
}
if (window.config.VUE_BASE_NODE === 'dev') {
console.log(params)
}
sendNative(
'jsCall_receiveH5Data',
... ... @@ -254,7 +267,9 @@ function useImage(details, netstutas, loadlmageOnlyWifiSwitch) {
} catch (e) {
}
}
})
}
previewElList[i].addEventListener('click', clickFun)
clickFunList.push(clickFun)
}
}
... ...
function useVideo(netstutas, networkSwitch) {
function useVideo() {
/* 视频预览 */
const videoPreview = ref([])
/* 默认视频预览 */
... ... @@ -37,36 +37,6 @@ function useVideo(netstutas, networkSwitch) {
})
}
// 监听客户端网络状况以及是否点过继续状态
watch(
[ () => networkSwitch.value, () => netstutas.value, () => enPlayerVideoLen.value ],
([ hasSwitch, status, videoLen ]) => {
if (videoLen === 0) {
return
}
if (status === 0) {
// showAllErrorModal()
return
}
if (hasSwitch == 2) {
if (status === 1) {
// 把所有错误、继续状态清空
// clearAllStatuModal()
} else {
// 把所以继续状态展示
// 若果点击当前播放器继续按钮,当前视频要播放、其他的要暂停
// showNetworkModal()
}
} else {
// 把所有错误、继续状态清空
// clearAllStatuModal()
}
},
{
deep: true
}
)
// 初始换每个video标签,转化成 artplayer 播放器
const startVideo = () => {
const videoList = document.querySelectorAll('#newsContent .video-player')
... ... @@ -85,12 +55,15 @@ function useVideo(netstutas, networkSwitch) {
? 0
: Number(width) / (Number(originWidth) / Number(originHeight)) : 0
let styleHeight = height
if (!styleHeight) styleHeight = Number(width) / (16 / 9)
const isGiveWidth = !!height
videoItem.setAttribute('data-height', `${height}px`)
videoItem.style.height = `${height}px`
videoItem.setAttribute('data-height', `${styleHeight}px`)
videoItem.style.height = `${styleHeight}px`
videoItem.parentNode.style.width = `100%`
videoItem.parentNode.style.height = `${height}px`
videoItem.parentNode.style.height = `${styleHeight}px`
videoLoadNum.value += 1
... ... @@ -122,20 +95,10 @@ function useVideo(netstutas, networkSwitch) {
changeContentHtmlHeight({ type: '视频' })
},
play: () => {
const _editor36 = document.querySelectorAll('.preview-audio-player')
const coverAudioList = document.querySelectorAll('.preview-audio-player-cover')
_editor36.forEach((item, _) => {
const audioStylePlay = item.querySelector('.audio-play-icon')
const audioStylePause = item.querySelector('.audio-pause-icon')
console.log('video-play')
const audioElList = document.querySelectorAll('.preview-audio-player, .preview-audio-player-cover')
const item_audio = item.querySelector('[class^="audio-block"]')
if (item_audio) {
item_audio.pause()
audioStylePause.style.display = 'none'
audioStylePlay.style.display = 'block'
}
})
coverAudioList.forEach((item, _) => {
audioElList.forEach((item, _) => {
const audioStylePlay = item.querySelector('.audio-play-icon')
const audioStylePause = item.querySelector('.audio-pause-icon')
... ... @@ -149,7 +112,6 @@ function useVideo(netstutas, networkSwitch) {
},
pauseOhterDp: () => {},
continueNetwork: () => {
networkSwitch.value = 1
}
}
... ... @@ -187,8 +149,10 @@ function useVideo(netstutas, networkSwitch) {
// 销毁每个视频 artplayer 播放器
const removeDpVideo = () => {
defaultVideoPreview.value = defaultVideoPreview.value.map((el) => {
if (el.dp) {
el.dp.pause()
}
if (el.player) {
el.player.pause()
el.player.destroy()
}
el.dp = null
... ... @@ -196,6 +160,9 @@ function useVideo(netstutas, networkSwitch) {
return el
})
videoLoaded.value = false
videoLoadNum.value = 0
enPlayerVideoLen.value = 0
videoState.currentVideo = {}
videoPreview.value = []
defaultVideoPreview.value = []
... ...
... ... @@ -3,6 +3,8 @@ dayjs.extend(dayjs_plugin_relativeTime)
const { onMounted, onUnmounted, toRefs, nextTick, watchEffect, toRef } = Vue
// window.config.devApp = true
function compareTimeArray(obj1, obj2, key, sort) {
const val1 = obj1[key]
const val2 = obj2[key]
... ... @@ -19,6 +21,7 @@ const app = Vue.createApp({
setup() {
const baseNode = ref(window.config.VUE_BASE_NODE)
const deviceType = ref(judgTerminal() === 1 ? 'ad' : 'ios')
const time = ref('')
const recordTime = ref()
const channelId = ref()
... ... @@ -30,12 +33,13 @@ const app = Vue.createApp({
const canSeeBtnOne = ref(true)
const canSeeBtnTwo = ref(true)
const hasReadCount = ref(true)
const networkStatus = ref(4) // 0 无网络 1 wifi 2,3,4,5 无wifi状态
const networkStatus = ref(1) // 0 无网络 1 wifi 2,3,4,5 无wifi状态
const networkSwitch = ref(2) // 1 允许 2 不允许
const browseCnt = ref('0') // 外部音频点击暂停次数
const audioState = ref(0) // 外部音频点击暂停次数
const loadlmageOnlyWifiSwitch = ref('2') // 1 仅wifi加载图片 2 都可以加载图片
const loadlmageOnlyWifiSwitch = ref(window.config.VUE_BASE_NODE === 'dev' ? '2' : '0') // 1 仅wifi加载图片 2 都可以加载图片
const showClook = ref(false)
const optionList = ref([])
... ... @@ -50,18 +54,20 @@ const app = Vue.createApp({
const isPageLeave = ref(false)
const hasInit = ref(false)
const initDone = ref(false)
const shareOpen = ref(false)
const isOwer = ref(false)
const isRmh = ref(null)
const isNewspaper = ref(null)
const hasAppLoginExtra = ref(false)
const state = reactive({
//state中的数据都可以直接在标签中直接使用,没有在return前,要用state.属性名的方式才能访问到
//投票id
voteId: null,
relId: null,
contentId: null,
firstObject: {},
sourcePage: '2',
//模式
darkMode: 'light',
... ... @@ -82,7 +88,7 @@ const app = Vue.createApp({
newLinkObject: {},
//投票信息
voteInfo: {},
endTimePoint: '',
endTimePoint: false,
yes: {},
no: {},
options: [],
... ... @@ -91,8 +97,10 @@ const app = Vue.createApp({
headLinkdata: ''
},
initClockStatus: false,
shareNewPoster: false,
shareNewPoster: true,
voteState: {
// status: 1,
// optionId: '7323',
status: 0,
optionId: 0
},
... ... @@ -100,7 +108,7 @@ const app = Vue.createApp({
curIndex: 0,
bcIndex: 0,
Doing: false,
isLogined: 1, // 0 未登录 1 已登录
isLogined: 0, // 0 未登录 1 已登录
isSub: false,
isSubClose: false,
seeEmailSub: false,
... ... @@ -138,82 +146,63 @@ const app = Vue.createApp({
} = useEditorContent(
toRef(state, 'details'),
networkStatus,
networkSwitch,
audioState,
loadlmageOnlyWifiSwitch,
recordTime
)
console.log(`页面开始处理:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(dayjs(firstTime), 'millisecond')}`)
// console.log(`页面开始处理:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
// .diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
changeContentHtmlHeight({ str: '.skeleton-loading' })
console.info(document.querySelector('.skeleton-loading').getBoundingClientRect().height)
const requestMockDev = (devApp, callBack) => {
if (devApp) {
callBack()
const pageReloadChange = () => {
if (window.config.VUE_BASE_NODE === 'dev') {
if (pageLoadOutTime || hasDetails) {
return
}
firstTime = new Date()
pageLoadOutTime = null
hasDetails = false
checkPageLoadingTimeOut()
} else {
loadFile(
document,
{
src: './js/mock/mock.min.js',
tag: 'script',
type: 'text/javascript',
defer: 'defer'
},
() => {
loadFile(
document,
{
src: './js/mock/index.js',
tag: 'script',
type: 'text/javascript',
defer: 'defer'
},
() => {
callBack()
try {
const objEvt = window.config.PAGERELOAD ? window.config.PAGERELOAD : ''
const pageReloadInfo = typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt)
if (pageReloadInfo && pageReloadInfo.event == '7') { // 复用重新进入
if (pageLoadOutTime || hasDetails) {
return
}
)
firstTime = new Date()
pageLoadOutTime = null
hasDetails = false
checkPageLoadingTimeOut()
}
} catch (e) {
}
)
}
}
const requestDev = (devApp) => {
requestMockDev(devApp, () => {
loadFile(
document,
{
src: './js/plugin/axios.min.js',
tag: 'script',
type: 'text/javascript',
defer: 'defer'
},
() => {
loadFile(
document,
{
src: './js/utils/request.js',
tag: 'script',
type: 'text/javascript',
defer: 'defer'
},
() => {
time.value = setInterval(() => {
if (window.config.initLoad) {
document.querySelector('#app').style.overflowY = 'auto'
// state.darkMode = 'dark'
// document.querySelector('html').setAttribute('dark-mode', true)
state.environment = window.config.VUE_BASE_HEADER.environment
channelId.value = 2038
state.contentId = 30001375140
// channelId.value = 2038
// state.relId = 500004286237
state.contentId = 30044156985
clearInterval(time.value)
setTimeout(() => {
initData(devApp ? window.config.VUE_CONTENT_CONFIG : {}, state.contentId, devApp)
}, devApp ? 10 : 0)
}
)
}
)
})
}, 10)
}
const requestApp = () => {
... ... @@ -233,9 +222,9 @@ const app = Vue.createApp({
: JSON.parse(data.dataJson)
state.sourcePage = dataJson.sourcePage
clearInterval(time.value)
console.log(`详情接口完成:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs()
.diff(firstTime, 'millisecond')}`)
// console.log(`详情接口完成:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
// .diff(recordTime.value, 'millisecond')} - ${dayjs()
// .diff(firstTime, 'millisecond')}`)
recordTime.value = dayjs()
changeContentHtmlHeight({ str: 'body', type: 'init' })
... ... @@ -263,28 +252,35 @@ const app = Vue.createApp({
state.userId = state.appHeader.userId
// App服务协议
state.agreementURL = state.appHeader.agreementURL
//0:无网 1:WiFi 2:2G 3:3G 4:4G 5:5G
networkStatus.value = state.appHeader.networkStatus
//0:无网 1:Wi-Fi 2:2G 3:3G 4:4G 5:5G
// networkStatus.value = state.appHeader.networkStatus
//prod、sit、dev、uat
state.environment = state.appHeader.environment
})
} catch (e) {
}
// 获取视频播放信息
try {
getClickStatus(() => {})
} catch (e) {}
try {
console.log('详情初始数据', data)
// console.log('详情初始数据', data)
if (data.dataExt) {
hasAppLoginExtra.value = true
const extraData = typeof data.dataExt === 'object'
? data.dataExt
: JSON.parse(data.dataExt)
state.creatorID = extraData ? extraData.creatorld : ''
state.cnsTraceId = extraData ? extraData.cnsTraceId : ''
state.creatorID = extraData ? extraData.creatorId : ''
state.isLogined = extraData ? extraData.isLogin : ''
//0:无网 1:WiFi 2:2G 3:3G 4:4G 5:5G
networkStatus.value = extraData ? extraData.networkStatus || 1 : 1
loadlmageOnlyWifiSwitch.value = extraData && extraData.loadImageOnlyWifiSwitch
? extraData.loadImageOnlyWifiSwitch
: '0'
}
} catch (e) {
}
... ... @@ -296,7 +292,6 @@ const app = Vue.createApp({
? initialRes
: JSON.parse(initialRes)
initData(initialRes, dataJson.contentId)
} else {
errorResponse()
errorBlock(
... ... @@ -317,74 +312,44 @@ const app = Vue.createApp({
}
if (window.config.VUE_BASE_NODE === 'dev') {
document.addEventListener('DOMContentLoaded', function () {
mountedFun(() => {
if (!window.config.VUE_CONTENT_CONFIG && !window.config.devApp) {
requestDev()
}
})
})
} else {
mountedFun(() => {})
}
const reload = () => {
loadingBlock(true)
appBlock(false)
clearData()
pageReloadChange()
if (window.config.VUE_BASE_NODE === 'dev') {
initData({}, state.contentId)
} else {
try {
sendNative(
'jsCall_callAppService',
'jsCall_currentPageOperate',
{
method: 'POST',
url: '/api/rmrb-bff-display-zh/content/zh/c/content/detail',
parameters: {
contents: [
{
// 内容id
contentId: id
}
]
}
operateType: '22'
},
(res) => {
const response = typeof res === 'object' ? res : JSON.parse(res)
const netError = response.netError
if (netError == 0) {
const responseMap = typeof response.responseMap === 'object' ? response.responseMap : JSON.parse(
response.responseMap)
initData(responseMap, state.contentId)
} else {
errorResponse()
errorBlock(
'./image/no_net.svg',
'网络出小差了,请检查网络后重试',
true
(res) => {}
)
} catch (e) {
}
}
)
}
}
// 页面加载 内容详情数据 最外层方法
const initData = async (res, id, devApp) => {
console.log("initData:",res)
/**判断是否为本地开发环境,是的话初始化数据,不是的话通过app提供的方法,h5发送数据给app**/
if (window.config.VUE_BASE_NODE === 'dev') {
if (devApp) {
const details = res.data.length > 0 ? res.data[0] : {}
if (!!details.rmhInfo) {
if (devApp || window.config.devApp) {
const details = res.data ? res.data.length > 0 ? res.data[0] : {} : {}
hasDetails = true
} else {
console.log(`浏览量数据开始请求:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs()
.diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
browseCntChange(details)
}
handleArticle(details)
return
... ... @@ -395,6 +360,7 @@ const app = Vue.createApp({
methot: 'post',
appStatus: false,
// isMock: true,
// mockTimeOut: 10,
//环境
environment: state.environment,
//接口前缀
... ... @@ -404,29 +370,21 @@ const app = Vue.createApp({
contents: [
{
//内容id
contentId: id
contentId: id,
relId: state.relId
}
]
},
//请求头信息
headers: state.appHeader
})
console.log(`详情接口完成:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs().diff(dayjs(firstTime), 'millisecond')}`)
// console.log(`详情接口完成:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
// .diff(recordTime.value, 'millisecond')} - ${dayjs().diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
if (response.success) {
hasDetails = true
if (response.data) {
const details = response.data.length > 0 ? response.data[0] : {}
if (!!details.rmhInfo) {
hasDetails = true
} else {
console.log(`浏览量数据开始请求:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs()
.diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
browseCntChange(details)
}
handleArticle(details)
} else {
errorResponse()
... ... @@ -439,37 +397,26 @@ const app = Vue.createApp({
errorResponse()
errorBlock(
'./image/content_fail.svg',
'获取内容失败',
'获取内容失败,请重试',
true
)
}
} else {
// getRecommendData()
/*else中的代码是执行在app环境下,res是app返回的initialRes(dataJson.responseMap */
if ([ 200, '0' ].includes(res.code) > 0) {
if (res.data) {
const details = res.data.length > 0 ? res.data[0] : {}
if (!!details.rmhInfo) {
// const details = res.data || {}
hasDetails = true
} else {
console.log(`浏览量数据开始请求:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs()
.diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
browseCntChange(details)
}
//由移动端获取的内容
state.firstObject = deepCopy(details)
// 获取用户登录状态
if (hasAppLoginExtra.value) {
handleArticle(details)
} else {
const nowDate = dayjs()
console.log('获取app登录状态开始:')
// const nowDate = dayjs()
// console.log('获取app登录状态开始:')
try {
sendNative('jsCall_getAppLoginAuthInfo', {}, res => {
console.log('获取app登录状态结束:', `${dayjs()
.diff(nowDate, 'millisecond')}`)
// console.log('获取app登录状态结束:', `${dayjs()
// .diff(nowDate, 'millisecond')}`)
// 获取登录状态响应
const loginStatusResponse =
typeof res === 'object' ? res : JSON.parse(res)
... ... @@ -482,7 +429,6 @@ const app = Vue.createApp({
}
} else {
errorResponse()
// errorBlock('./image/error.svg', '内容获取失败')
errorBlock(
'./image/content_fail.svg',
'内容找不到了'
... ... @@ -490,10 +436,9 @@ const app = Vue.createApp({
}
} else {
errorResponse()
// errorBlock('./image/error.svg', '内容获取失败')
errorBlock(
'./image/content_fail.svg',
'获取内容失败请重试',
'获取内容失败请重试',
true
)
}
... ... @@ -501,104 +446,26 @@ const app = Vue.createApp({
}
// 浏览量获取
const browseCntChange = async (details) => {
if (window.config.VUE_BASE_NODE === 'dev') {
const response = await axiosRequest({
url: '/contact/zh/c/content/interactData',
methot: 'get',
showError: false,
appStatus: false,
// isMock: true,
//环境
environment: state.environment,
//接口前缀
prefix: '/api/rmrb-contact',
//给接口传的数据
params: {
detail: 1,
channelId: channelId.value,
readFlag: details.readFlag,
contentRelId: details.reLInfo ? details.reLInfo.relId : null,
contentId: details.newsId,
contentType: details.newsType,
rmhPlatform: details.rmhPlatform
},
//请求头信息
headers: state.appHeader
})
hasDetails = true
console.log(`浏览量数据结束:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs()
.diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
if (response && response.success) {
browseCnt.value = response.data ? `${handleNum(response.data.readNum)}` : '0'
}
initArticleContent(true)
const browseCntChange = (details) => {
if (details.viewCount) {
browseCnt.value = details.viewCount ? `${handleNum(details.viewCount)}` : '0'
if (browseCnt.value && ![ '0', 'undefined', 'null' ].includes(browseCnt.value)) {
hasReadCount.value = true
document.querySelector('.browseCntStr').innerHTML = `浏览量${browseCnt.value}`
} else {
try {
sendNative(
'jsCall_callAppService',
{
method: 'get',
url: '/api/rmrb-contact/contact/zh/c/content/interactData',
parameters: {
detail: 1,
channelId: channelId.value,
readFlag: details.readFlag,
contentRelId: details.reLInfo ? details.reLInfo.relId : null,
contentId: details.newsId,
contentType: details.newsType,
rmhPlatform: details.rmhPlatform
}
},
res => {
hasDetails = true
console.log(`浏览量数据结束:${dayjs().format('HH:mm:ss:SSS')} - ${dayjs()
.diff(recordTime.value, 'millisecond')} - ${dayjs()
.diff(dayjs(firstTime), 'millisecond')}`)
recordTime.value = dayjs()
const response = typeof res === 'object' ? res : JSON.parse(res)
const netError = response.netError
const responseMap =
typeof response.responseMap === 'object'
? response.responseMap
: JSON.parse(response.responseMap)
if (netError == 0) {
try {
const code = responseMap.code
const data = responseMap.data
if ([ 200, '0' ].includes(code) && data) {
browseCnt.value = data ? `${handleNum(data.readNum)}` : '0'
}
initArticleContent(true)
} catch (e) {
initArticleContent(true)
hasReadCount.value = false
}
} else {
initArticleContent(true)
hasReadCount.value = false
}
nextTick(() => {
if (
document.querySelector('.skeleton-loading').classList.contains('active') &&
!document.querySelector('#app').classList.contains('fixed')
) {
changeContentHtmlHeight()
}
)
} catch (e) {
console.log(e)
}
// try {
// const objEvt = document.querySelector('#browseCnt-change').getAttribute('data-info') || ''
// if (objEvt) {
// const lastObjEvtBrowse = typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt)
// if (lastObjEvtBrowse && lastObjEvtBrowse.event == '6') { // 更新浏览量数据
// browseCnt.value = lastObjEvtBrowse.browseCount
// if (browseCnt.value && browseCnt.value != '0') {
// document.querySelector('.browseCntStr').innerHTML = `浏览量${browseCnt.value}`
// initArticleContent(true)
// } else {
// initArticleContent(true)
// }
// }
// }
// } catch (e) {}
}
})
}
//details是接口content/zh/c/content/detail接口返回的数据
... ... @@ -607,19 +474,21 @@ const app = Vue.createApp({
errorResponse()
errorBlock(
'./image/content_fail.svg',
'获取内容失败'
'获取内容失败,请重试'
)
return
}
isRmh.value = !!details.rmhInfo
isNewspaper.value = details.isNewspaper
if (!details.rmhInfo) {
browseCntChange(details)
}
state.showShare = true
state.details = deepCopy(details)
state.originDataSource = deepCopy(details)
if (window.config.VUE_BASE_NODE === 'dev') {
initApp(details)
} else {
if (window.config.VUE_BASE_NODE === 'pro') {
console.log(details)
}
initApp(details)
try {
// H5传递数据至App
... ... @@ -731,23 +600,42 @@ const app = Vue.createApp({
if (data.authorList && data.authorList.length > 0) {
//authorList:图文【撰稿人,对应p端创建人名称;人民号内容为空】
const authorList = deepCopy(data.authorList).filter(item => item.authorName) || []
state.details.author = authorList.map(el => el.authorName)
state.details.webAuthorList = authorList.map(el => el.authorName).join()
state.details.author = []
authorList.forEach(el => {
if (el.authorName) {
const modifiedString = el.authorName.replace(/\s+/g, ',')
const authorNameList = modifiedString.split(',')
if (authorNameList.length > 1) {
authorNameList.forEach(name => state.details.author.push(name))
} else {
state.details.author.push(el.authorName)
}
}
})
}
if (data.newLinkObject && data.newLinkObject.newsTitle) {
// state.details.newLinkObject.newsTitle = data.newLinkObject.newsTitle.replace(/ /g, '&nbsp;')
// state.details.newLinkObject.newsTitle = data.newLinkObject.newsTitle.replace(/—/g, '<span class="global-line"></span>')
hasHeadLink.value = true
}
if (!!state.details.newsShortTitle) {
document.querySelector('.short-title').style.display = 'block'
document.querySelector('.short-title').innerHTML = state.details.newsShortTitle
if (data.newsShortTitle) {
// state.details.newsShortTitle = data.newsShortTitle.replace(/ /g, '&nbsp;')
// state.details.newsShortTitle = data.newsShortTitle.replace(/—/g, '<span class="global-line"></span>')
}
if (data.newsTitle) {
// state.details.newsTitle = data.newsTitle.replace(/ /g, '&nbsp;')
// state.details.newsTitle = data.newsTitle.replace(/—/g, '<span class="global-line"></span>')
}
if (data.newsDownTitle) {
// state.details.newsDownTitle = data.newsDownTitle.replace(/—/g, '&mdash;')
// state.details.newsDownTitle = data.newsDownTitle.replace(/—/g, '<span class="global-line"></span>')
}
if (data.newIntroduction) {
// state.details.newIntroduction = data.newIntroduction.replace(/—/g, '&mdash;')
// state.details.newIntroduction = data.newIntroduction.replace(/—/g, '<span class="global-line"></span>')
}
// state.details.newsShortTitle = removeHtmlStr(state.details.newsShortTitle)
// state.details.newsTitle = removeHtmlStr(state.details.newsTitle)
// state.details.newsDownTitle = removeHtmlStr(state.details.newsDownTitle)
// state.details.browseCnt = handleNum(state.details.browseCnt || 10000)
// state.details.browseCnt = handleNum(state.details.browseCnt)
// 首次发布时间:publishTime
state.details.publishTime = data.publishTime
... ... @@ -768,34 +656,10 @@ const app = Vue.createApp({
shareOpen.value = state.details.shareInfo ? state.details.shareInfo.shareOpen == 1 : false
hasInit.value = true
// initArticleContent(true)
if (state.details.rmhInfo) {
initArticleContent(true)
} else {
initArticleContent()
}
initEditorStr(isNewspaper.value)
})
}
const initArticleContent = (hasRead) => {
if (hasInit.value && hasRead) {
if (initDone.value) {
// if (hasRead) {
// nextTick(() => {
// if (document.querySelector('.skeleton-loading').classList.contains('active')) {
// changeContentHtmlHeight({ type: '浏览量' })
// }
// })
// }
return
}
initDone.value = true
initEditorStr()
}
}
// 页面加载,取客户端记录是否点击了继续播放按钮的状态值
const getClickStatus = (callback) => {
if (window.config.VUE_BASE_NODE === 'dev') {
... ... @@ -815,7 +679,7 @@ const app = Vue.createApp({
typeof objNvtSwt === 'object'
? objNvtSwt
: JSON.parse(objNvtSwt)
loadlmageOnlyWifiSwitch.value = lastObjNvtSwt.loadImageOnlyWifiSwitch
// loadlmageOnlyWifiSwitch.value = lastObjNvtSwt.loadImageOnlyWifiSwitch
state.shareNewPoster = lastObjNvtSwt.sharePosterShowNew == '1'
networkSwitch.value =
lastObjNvtSwt.playVideoOnCellularNetworkSwitch // 蜂窝数据播放 1 允许 2 不允许
... ... @@ -831,6 +695,12 @@ const app = Vue.createApp({
const skipCustomerNumberPage = () => {
if (window.config.VUE_BASE_NODE === 'dev') {
} else {
if (state.details.rmhInfo.banControl == 1) {
// 该账号已封禁,不予访问
toast('该账号已封禁,不予访问')
return
}
window.config.VUE_APP_LOGIN = ''
try {
isPageLeave.value = true
... ... @@ -912,13 +782,13 @@ const app = Vue.createApp({
}
}
const changeNoticeStatus = () => {
const changeMediaPlayStatus = () => {
if (window.config.VUE_BASE_NODE === 'dev') {
} else {
try {
const objEvt = window.config.VUE_APP_LOGIN ? window.config.VUE_APP_LOGIN : ''
const lastObjEvtNotice = typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt)
if (lastObjEvtNotice && lastObjEvtNotice.event == '5') { // 音频播放
const objEvt = window.config.MEDIAPLAY ? window.config.MEDIAPLAY : ''
const mediaPlayInfo = typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt)
if (mediaPlayInfo && mediaPlayInfo.event == '5') { // 音频播放
audioState.value += 1
}
} catch (e) { }
... ... @@ -984,8 +854,8 @@ const app = Vue.createApp({
}
// 监听从登录页面回来,拿到移动端给的状态值,并做投票状态的刷新
const checkAppLoginStatu = (type) => {
wheelFun(state.voteId, state.details.newsId, type)
const checkAppLoginStatu = (type, index) => {
wheelFun(state.voteId, state.details.newsId, type, index)
}
const queryPageLeaveStatus = () => {
... ... @@ -994,6 +864,9 @@ const app = Vue.createApp({
: ''
let lastObjEvt =
typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt)
if (lastObjEvt && lastObjEvt.event == '1') {
// changeContentHtmlHeight({ report: true })
}
if (lastObjEvt && lastObjEvt.event == '1' && !loginTime.value && isPageLeave.value) {
isPageLeave.value = false
setTimeout(() => {
... ... @@ -1002,7 +875,7 @@ const app = Vue.createApp({
}
}
const wheelFun = (vid, nid, type) => {
const wheelFun = (vid, nid, type, index) => {
// 回调函数的形式 做轮巡
loginTime.value = setInterval(() => {
try {
... ... @@ -1012,22 +885,57 @@ const app = Vue.createApp({
let lastObjEvt =
typeof objEvt === 'object' ? objEvt : JSON.parse(objEvt)
if (lastObjEvt && lastObjEvt.event == '1') {
if (window.config.VUE_BASE_NODE === 'dev') {
clearInterval(loginTime.value)
loginTime.value = null
if (type === 'vote') {
state.isLogined = 1
refreshVotes(nid, 0 ,() => {
voteStatus(vid, index, () => {
setTimeout(() => {
handleVoteList()
nextTick(() => {
if (document.querySelector('.skeleton-loading').classList.contains('active')) {
changeContentHtmlHeight()
}
})
}, 50)
})
})
} else if (type === 'follow') {
clookStatus() // 调关注状态查询,更新按钮上的文字
}
} else {
getUserLoginStatus(loginId => {
clearInterval(loginTime.value)
loginTime.value = null
if (loginId == 1) {
// 由登录页面进到了主页面
if (type === 'vote') {
refreshVotes(nid, 0)
voteStatus(vid)
refreshVotes(nid, 0, () => {
voteStatus(vid, index, () => {
setTimeout(() => {
handleVoteList()
nextTick(() => {
if (document.querySelector('.skeleton-loading').classList.contains('active')) {
changeContentHtmlHeight()
}
})
}, 50)
})
})
} else if (type === 'follow') {
clookStatus() // 调关注状态查询,更新按钮上的文字
}
} else {
clookBtnActive.value = false
clookCancelBtnActive.value = false
}
})
}
}
} catch (e) { }
}, 20)
}
... ... @@ -1052,13 +960,15 @@ const app = Vue.createApp({
const goVote = (voteId, optionId, index) => {
if (!state.details.endTimePoint) {
if (window.config.VUE_BASE_NODE === 'dev') {
console.log('投票已过期')
}
toast('投票已过期')
return
}
window.config.VUE_APP_LOGIN = '' // 由于页面加载就会给 '1' ,所以点投票先清空,否则会影响后面的轮巡判断
if (window.config.VUE_BASE_NODE === 'dev') {
const optionInfo = optionList.value.find(item => item.optionId == optionId)
normalClickTypePoint({
channelId: channelId.value,
newsType: state.details.newsType,
... ... @@ -1067,23 +977,24 @@ const app = Vue.createApp({
sceneId: state.details.sceneId,
itemId: state.details.itemId,
subSceneId: state.details.subSceneId,
voteOption: `${optionId}`,
voteContent: optionInfo ? optionInfo.summary : '',
cnsTraceId: state.cnsTraceId,
isNewspaper: isNewspaper.value,
duration: dayjs().diff(statrTime.value, 'second')
})
state.voteState.status = 1
handleVoteList()
return
}
window.config.VUE_APP_LOGIN = '' // 由于页面加载就会给 '1' ,所以点投票先清空,否则会影响后面的轮巡判断
getUserLoginStatus(loginId => {
if (loginId == 0) {
// 1 已登录 0 未登录
// 模拟去登录
state.voteId = voteId
setAppLogin()
checkAppLoginStatu('vote')
return
setTimeout(() => {
const event = {
event: '1'
}
window.config.VUE_APP_LOGIN = JSON.stringify(event)
}, 100)
checkAppLoginStatu('vote', index)
} else {
if (state.isLogined == 1) {
// 已登录 直接去投票
if (state.Doing) {
return
... ... @@ -1091,29 +1002,17 @@ const app = Vue.createApp({
state.Doing = true
setVote(voteId, optionId, index)
}
} else {
state.voteId = voteId
setAppLogin()
checkAppLoginStatu('vote')
}
}
})
}
// 用户投票
const setVote = async (vID, oID, index) => {
if (window.config.VUE_BASE_NODE === 'dev') {
const response = await axiosRequest({
url: '/contact/zh/c/vote/submit',
methot: 'post',
appStatus: false,
environment: state.environment,
prefix: '/api/rmrb-contact',
data: { voteId: `${vID}`, optionId: oID },
headers: state.appHeader,
showError: false
})
if (response.success) {
// 刷新投票状态
voteStatus(state.details.voteInfo.voteId, index)
refreshVotes({}, 30000609928)
state.Doing = false
}
} else {
if (window.config.VUE_BASE_NODE === 'dev') {} else {
try {
sendNative(
'jsCall_callAppService',
... ... @@ -1135,6 +1034,7 @@ const app = Vue.createApp({
const code = vtSubmitResponseMap.code
const newId = state.details.newsId
if ([ 200, '0' ].includes(code)) {
const optionInfo = optionList.value.find(item => item.optionId == oID)
normalClickTypePoint({
channelId: channelId.value,
newsType: state.details.newsType,
... ... @@ -1143,6 +1043,10 @@ const app = Vue.createApp({
sceneId: state.details.sceneId,
itemId: state.details.itemId,
subSceneId: state.details.subSceneId,
voteOption: `${oID}`,
voteContent: optionInfo ? optionInfo.summary : '',
cnsTraceId: state.cnsTraceId,
isNewspaper: isNewspaper.value,
duration: dayjs().diff(statrTime.value, 'second')
})
toast('投票成功')
... ... @@ -1156,7 +1060,7 @@ const app = Vue.createApp({
changeContentHtmlHeight()
}
})
}, 100)
}, 50)
}) // 投票前 投票后
})
... ... @@ -1165,60 +1069,42 @@ const app = Vue.createApp({
toast(vtSubmitResponseMap.message)
}
} catch (e) { }
} else {
errorResponse()
errorBlock(
'./image/no_net.svg',
'暂无网络'
)
}
} else {}
}
)
} catch (e) { }
}
}
// 展示所有选项
const showAllSelect = () => {
// 投票前
try {
canSeeBtnOne.value = false
} catch (e) { }
}
const showAllSelect2 = () => {
// 投票后
try {
canSeeBtnTwo.value = false
} catch (e) { }
}
// 刷新投票状态
const refreshVotes = async (eq, id, callback) => {
if (window.config.VUE_BASE_NODE === 'dev') {
const response = await axiosRequest({
url: '/content/zh/c/content/detail',
methot: 'post',
appStatus: false,
environment: state.environment,
prefix: '/api/rmrb-bff-display-zh',
data: { contentIds: [ id ] },
headers: state.appHeader
})
if (response.success) {
if (response.data) {
const details = response.data.length > 0 ? response.data[0] : {}
if (details.voteInfo) {
state.details.voteInfo = details.voteInfo
} else {
details.voteInfo = {}
}
} else {
errorResponse()
setTimeout(() => {
handleVoteData({
voteInfo: {
"endTime": "",
"options": [
{
"index": 1,
"optionId": "1447",
"summary": "苹果1",
"totalVotes": 3
},
{
"index": 2,
"optionId": "1448",
"summary": "香蕉",
"totalVotes": 10
}
} else {
errorResponse()
],
"style": 1,
"title": "喜欢什么",
"voteId": 326
}
})
if (callback) callback()
}, 100)
} else {
try {
const reLInfo = state.details.reLInfo ? {
... ... @@ -1271,30 +1157,18 @@ const app = Vue.createApp({
// 用户投票状态查询
const voteStatus = async (vId, index, callBack) => {
if (window.config.VUE_BASE_NODE === 'dev') {
const response = await axiosRequest({
url: '/contact/zh/c/vote/queryStatus',
methot: 'get',
appStatus: false,
environment: state.environment,
prefix: '/api/rmrb-contact',
params: { voteId: vId },
headers: state.appHeader,
showError: false
})
if (response.success) {
if (response.data) {
try {
state.voteState.status = data.status // 决定是投票前0 还是 投票后1
state.voteState.optionId = data.optionId // 返回的是 被投票项的 optionId ,没投就是 ''
} catch (e) {}
state.voteState.status = 1 // 决定是投票前0 还是 投票后1
if (state.details.voteInfo.style === 1) {
// 展示对 √
if (index) {
state.bcIndex = index
}
} else {
if (index) {
state.curIndex = index
}
}
}
if (callBack) callBack()
} else {
try {
sendNative(
... ... @@ -1333,7 +1207,7 @@ const app = Vue.createApp({
}
}
callBack()
if (callBack) callBack()
}
} else {
toast(vtStatusResponseMap.message)
... ... @@ -1401,18 +1275,35 @@ const app = Vue.createApp({
? 50
: (item.votesBf == 0 ? 8 : datsArr[index - 1].votesBf == 0 ? 92 : item.votesBf)
: 0
if ((state.isLogined != 1 || state.voteState.status === 0) && window.config.VUE_BASE_NODE !== 'dev') {
if ((state.isLogined != 1 || state.voteState.status === 0)) {
oneWidth = 50
twoWidth = 50
}
if (oneWidth && index === 0 && state.details.voteInfo.style == 1) {
const cssStr = `@keyframes voteProgressIn {
0% {
width: 50%;
width: calc(50% - 0.5px);
}
100% {
width: ${oneWidth}%;
width: calc(${oneWidth}% - 0.5px);
}
}`
const style = document.createElement('style')
style.setAttribute('type', 'text/css')
document.head.appendChild(style)
style.sheet.insertRule(cssStr, 0)
}
if (twoWidth && index === 1 && state.details.voteInfo.style == 1) {
const cssStr = `@keyframes voteProgressInTwo {
0% {
width: calc(50% - 0.5px);
}
100% {
width: calc(${twoWidth}% - 0.5px);
}
}`
... ... @@ -1425,12 +1316,22 @@ const app = Vue.createApp({
return {
...item,
oneStyle: {
width: `${oneWidth}%`,
width: `calc(${oneWidth}%)`,
clipPath: `polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%)`,
'-webkit-clip-path': `polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%)`
},
oneStyleAfter: {
width: `calc(${oneWidth}%)`,
clipPath: `polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%)`,
'-webkit-clip-path': `polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%)`
},
twoStyle: {
width: `${twoWidth}%`,
width: `calc(${twoWidth}%)`,
clipPath: `polygon(12px 0, 100% 0, 100% 100%, 0 100%)`,
'-webkit-clip-path': `polygon(12px 0, 100% 0, 100% 100%, 0 100%)`
},
twoStyleAfter: {
width: `calc(${twoWidth}%)`,
clipPath: `polygon(4px 0, 100% 0, 100% 100%, 0 100%)`,
'-webkit-clip-path': `polygon(4px 0, 100% 0, 100% 100%, 0 100%)`
}
... ... @@ -1513,25 +1414,47 @@ const app = Vue.createApp({
const params = {
type: status,
channelId: channelId.value,
followPDUserId: state.details.rmhId,
followUserName: state.details.rmhName,
newsType: state.details.newsType,
newsId: state.details.newsId,
newsTitle: state.details.newsTitle,
sceneId: state.details.sceneId,
itemId: state.details.itemId,
subSceneId: state.details.subSceneId,
cnsTraceId: state.cnsTraceId,
isNewspaper: isNewspaper.value,
duration: dayjs().diff(statrTime.value, 'second')
}
if (status == 1) {
params.followPDUserId = state.details.rmhId
params.followUserName = state.details.rmhName
} else if (status == 0) {
params.cancelFollowPDUseId = state.details.rmhId
params.cancelFollowUserName = state.details.rmhName
}
if (success) {
if (status == 1) {
followTypePoint(params)
clookStatus() // 调关注状态查询,更新按钮上的文字
toast('关注成功')
// toast('关注成功')
try {
sendNative('jsCall_currentPageOperate', {
operateType: '24',
creatorId: `${state.details.rmhId}`,
followStatus: '1'
}, () => {})
} catch (e) {}
} else if (status == 0) {
followTypePoint(params)
clookStatus() // 调关注状态查询,更新按钮上的文字
toast('取消关注成功')
// toast('取消关注成功')
try {
sendNative('jsCall_currentPageOperate', {
operateType: '24',
creatorId: `${state.details.rmhId}`,
followStatus: '0'
}, () => {})
} catch (e) {}
}
}
} catch (e) { }
... ... @@ -1545,27 +1468,39 @@ const app = Vue.createApp({
// 人民号“关注”按钮
const clookBtn = () => {
if (window.config.VUE_BASE_NODE === 'dev') {
if (clookBtnActive.value) {
return
}
clookBtnActive.value = true
setTimeout(() => {
showClook.value = false
clookStatusSee.value = false
clookBtnActive.value = false
followTypePoint({
type: 1,
channelId: channelId.value,
followPDUserId: state.details.rmhId,
followUserName: state.details.rmhName,
channelId: channelId.value,
newsType: state.details.newsType,
newsId: state.details.newsId,
newsTitle: state.details.newsTitle,
sceneId: state.details.sceneId,
itemId: state.details.itemId,
subSceneId: state.details.subSceneId,
cnsTraceId: state.cnsTraceId,
isNewspaper: isNewspaper.value,
duration: dayjs().diff(statrTime.value, 'second')
})
}, 1000)
return
}
if (clookBtnActive.value) {
return
}
if (state.isLogined == 1) {
clookCancelBtnActive.value = false
clookBtnActive.value = true
}
getUserLoginStatus(loginId => {
if (loginId == 0) {
// 0 未登录
... ... @@ -1583,27 +1518,39 @@ const app = Vue.createApp({
// 人民号“已关注”按钮
const clookCancelBtn = () => {
if (window.config.VUE_BASE_NODE === 'dev') {
if (clookCancelBtnActive.value) {
return
}
clookCancelBtnActive.value = true
setTimeout(() => {
showClook.value = true
clookStatusSee.value = true
clookCancelBtnActive.value = false
followTypePoint({
type: 0,
cancelFollowPDUseId: state.details.rmhId,
cancelFollowUserName: state.details.rmhName,
channelId: channelId.value,
followPDUserId: state.details.rmhId,
followUserName: state.details.rmhName,
newsType: state.details.newsType,
newsId: state.details.newsId,
newsTitle: state.details.newsTitle,
sceneId: state.details.sceneId,
itemId: state.details.itemId,
subSceneId: state.details.subSceneId,
cnsTraceId: state.cnsTraceId,
isNewspaper: isNewspaper.value,
duration: dayjs().diff(statrTime.value, 'second')
})
}, 1000)
return
}
if (clookCancelBtnActive.value) {
return
}
if (state.isLogined == 1) {
clookBtnActive.value = false
clookCancelBtnActive.value = true
}
getUserLoginStatus(loginId => {
if (loginId == 0) {
// 0 未登录
... ... @@ -1637,7 +1584,8 @@ const app = Vue.createApp({
clookStatusSee.value = response.data[0].status == '1' ? false : true // '1' 是已关注 '0'是未关注
}
} else {
if (state.creatorID === state.details.rmhId) {
if (state.creatorID == state.details.rmhId) {
isOwer.value = true
clookStatusSee.value = false
nextTick(() => {
if (document.querySelector('.skeleton-loading').classList.contains('active')) {
... ... @@ -1677,7 +1625,8 @@ const app = Vue.createApp({
} else {
state.initClockStatus = false
}
if (state.creatorID === state.details.rmhId) {
if (state.creatorID == state.details.rmhId) {
isOwer.value = true
clookStatusSee.value = false
} else {
clookStatusSee.value = data[0].status == '1' ? false : true // '1' 是已关注 '0'是未关注
... ... @@ -1699,11 +1648,6 @@ const app = Vue.createApp({
})
} catch (e) { }
} else {
errorResponse()
errorBlock(
'./image/no_net.svg',
'暂无网络'
)
}
}
)
... ... @@ -1755,16 +1699,16 @@ const app = Vue.createApp({
// 跳转时间轴专题
const openMoreTimeLine = () => {
normalClickTypePoint({
channelId: channelId.value,
newsType: state.details.newsType,
newsId: state.details.newsId,
newsTitle: state.details.newsTitle,
sceneId: state.details.sceneId,
itemId: state.details.itemId,
subSceneId: state.details.subSceneId,
duration: dayjs().diff(statrTime.value, 'second')
})
// normalClickTypePoint({
// channelId: channelId.value,
// newsType: state.details.newsType,
// newsId: state.details.newsId,
// newsTitle: state.details.newsTitle,
// sceneId: state.details.sceneId,
// itemId: state.details.itemId,
// subSceneId: state.details.subSceneId,
// duration: dayjs().diff(statrTime.value, 'second')
// })
sendNative(
'jsCall_appInnerLinkMethod',
{
... ... @@ -1780,16 +1724,16 @@ const app = Vue.createApp({
}
const openActiveLink = () => {
normalClickTypePoint({
channelId: channelId.value,
newsType: state.details.newsType,
newsId: state.details.newsId,
newsTitle: state.details.newsTitle,
sceneId: state.details.sceneId,
itemId: state.details.itemId,
subSceneId: state.details.subSceneId,
duration: dayjs().diff(statrTime.value, 'second')
})
// normalClickTypePoint({
// channelId: channelId.value,
// newsType: state.details.newsType,
// newsId: state.details.newsId,
// newsTitle: state.details.newsTitle,
// sceneId: state.details.sceneId,
// itemId: state.details.itemId,
// subSceneId: state.details.subSceneId,
// duration: dayjs().diff(statrTime.value, 'second')
// })
try {
sendNative(
'jsCall_appInnerLinkMethod',
... ... @@ -1802,12 +1746,143 @@ const app = Vue.createApp({
}
}
const mockAppClearData = () => {
clearData()
setTimeout(() => {
mockAppRequestDetails()
})
}
const clearData = () => {
if (document.querySelector('.browseCntStr')) {
document.querySelector('.browseCntStr').innerHTML = ``
}
clearTimeout(pageLoadOutTime)
document.querySelector('.error-block').style.display = 'none'
document.querySelector('#newsContent').innerHTML = ''
loadingBlock(true)
document.querySelector('.skeleton-loading').classList.add('active')
console.log(document.querySelector('.skeleton-loading').classList)
appBlock(false)
time.value = ''
deviceType.value = judgTerminal() === 1 ? 'ad' : 'ios'
statrTime.value = dayjs()
loginTime.value = null
channelId.value = null
recordTime.value = dayjs()
canSeeBtnTwo.value = true
canSeeBtnOne.value = true
isOwer.value = false
hasReadCount.value = true
isRmh.value = null
isNewspaper.value = false
voteInit.value = false
showClook.value = false
optionList.value = []
subjectList.value = []
channelList.value = []
suggestedList.value = []
networkStatus.value = 4
networkSwitch.value = 2
audioState.value = 0
browseCnt.value = '0'
loadlmageOnlyWifiSwitch.value = window.config.VUE_BASE_NODE === 'dev' ? '2' : '0'
clookStatusSee.value = false
clookCancelBtnActive.value = false
clookBtnActive.value = false
hasHeadLink.value = false
isPageLeave.value = false
hasInit.value = false
shareOpen.value = false
hasAppLoginExtra.value = false
Object.assign(state, {
//state中的数据都可以直接在标签中直接使用,没有在return前,要用state.属性名的方式才能访问到
//投票id
voteId: null,
contentId: null,
sourcePage: '2',
//模式
darkMode: 'light',
//环境
environment: 'sit',
showShare: false,
//请求头
appHeader: {
...window.config.VUE_BASE_HEADER,
system: judgTerminal() === 1 ? 'Android' : 'ios'
},
initialRes: {},
originDataSource: {},
//此details对接口返回的数据进行了二次改造,属性的添加和属性值的转换
details: {
rmhInfo: null,
author: [],
newLinkObject: {},
//投票信息
voteInfo: {},
endTimePoint: false,
yes: {},
no: {},
options: [],
slideShows: {},
//片头跳转
headLinkdata: ''
},
initClockStatus: false,
shareNewPoster: false,
voteState: {
status: 0,
optionId: 0
},
creatorID: null,
curIndex: 0,
bcIndex: 0,
Doing: false,
isLogined: 0, // 0 未登录 1 已登录
isSub: false,
isSubClose: false,
seeEmailSub: false,
strategy: {},
emailVal: '',
deviceId: '',
userId: '',
aboutUserName: '',
agreementURL: '',
recomList: []
})
state.details = {}
Object.assign(timeLine, {
title: '',
topicId: '',
topicType: '',
pageId: '',
linkUrl: '',
slideColor: '#ED2800',
data: []
})
Object.assign(actieInfo, {
show: false,
id: -1,
title: '',
type: '',
linkUrl: '',
coverUrl: ''
})
refreshEditorStr()
hasDetails = false
pageLoadOutTime = null
changeContentHtmlHeight()
}
return {
...toRefs(state),
isRmh,
isNewspaper,
isOwer,
deviceType,
browseCnt,
baseNode,
actieInfo,
... ... @@ -1823,8 +1898,13 @@ const app = Vue.createApp({
clookStatusSee,
timeLine,
shareOpen,
hasReadCount,
clookBtnActive,
clookCancelBtnActive,
pageReloadChange,
requestApp,
clearData,
mockAppClearData,
inptClick,
removeHtmlStr,
moreInformationClick,
... ... @@ -1833,13 +1913,10 @@ const app = Vue.createApp({
clookCancelBtn,
skipCustomerNumberPage,
goVote,
showAllSelect,
showAllSelect2,
openShare,
sendParams,
browseCntChange,
changeNetworkStatus,
changeNoticeStatus,
changeMediaPlayStatus,
openMoreTimeLine,
queryPageLeaveStatus,
quitGraphicDetailPageEvent,
... ...
... ... @@ -2,11 +2,8 @@ function handleRandomImage(width = 50, height = 50) {
return `https://picsum.photos/${width}/${height}?random=${getRandomNumber().uuid(6)}`
}
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":{}}]}}}`
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 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</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 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<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>`
const articleData = [
function getArticleDetails() {
return [
{
newsId: Mock.Random.integer(1, 100),
photoList: [
... ... @@ -54,7 +51,7 @@ const articleData = [
],
authorList: [
{
authorName: Mock.Random.name(),
authorName: Mock.Random.cname(),
authorHeader: '',
topicId: '',
topicName: '',
... ... @@ -62,7 +59,7 @@ const articleData = [
pageId: ''
},
{
authorName: Mock.Random.name(),
authorName: Mock.Random.cname(),
authorHeader: '',
topicId: '',
topicName: '',
... ... @@ -70,7 +67,7 @@ const articleData = [
pageId: ''
},
{
authorName: Mock.Random.name(),
authorName: Mock.Random.cname(),
authorHeader: '',
topicId: '',
topicName: '',
... ... @@ -78,7 +75,7 @@ const articleData = [
pageId: ''
},
{
authorName: Mock.Random.name(),
authorName: Mock.Random.cname(),
authorHeader: '',
topicId: '',
topicName: '',
... ... @@ -86,25 +83,25 @@ const articleData = [
pageId: ''
}
],
newsShortTitle: '现代化道路:政党的责任',
newsDownTitle: '世界政党高层对话会',
newIntroduction: '这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读。',
newsShortTitle: ' 现代化道路:政党的责任',
newsDownTitle: ' 世界政党高层对话会',
newIntroduction: ' 这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读文字这里是导读。',
newsSource: 'Globle Time',
publishTime: '2023-02-01 12:03:01',
newsTitle: Mock.Random.ctitle(90, 100),
newsTitle: ` ${Mock.Random.ctitle(10, 30)}\n${Mock.Random.ctitle(10, 30)}`,
subjectList: [
{
topicName: Mock.Random.name(),
topicName: Mock.Random.cname(),
topicId: '1',
topicType: '10',
name: Mock.Random.name(),
name: Mock.Random.cname(),
pageId: '20'
},
{
topicName: Mock.Random.name(),
topicName: Mock.Random.cname(),
topicId: '2',
topicType: '20',
name: Mock.Random.name(),
name: Mock.Random.cname(),
pageId: '30'
}
],
... ... @@ -644,17 +641,17 @@ const articleData = [
</div>
</section>
<p><br></p>`,
newsSourceName: '人民日报',
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>`,
newsSourceName: Mock.Random.ctitle(10, 20),
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>`,
coverImgUrl: handleRandomImage(343, 197),
imageUrl: handleRandomImage(50, 50),
adress: 'Cai Hairuo, Liang Jun',
webpageUrl: 'https://peoplesdaily.pdnews.cn/china/xi-sends-congratulatory-letter-to-forum-on-industry-and-investment-cooperation-between-china-central-asia-295030.html',
tags: Array.from({ length: Mock.Random.integer(3, 5) }).map(_ => Mock.Random.word()).join(),
description: 'Trucks wait to load containers at a container terminal in Rizhao, East China\'s Shandong Province, March 28, 2022. (Photo: Xinhua)',
newLinkObject: {
newsTitle: '有品质的新闻'
},
// newLinkObject: {
// newsTitle: '——有品质的新闻'
// },
shareInfo: {
shareSummary: '有品质的新闻',
sharePosterOpen: 1,
... ... @@ -664,12 +661,23 @@ const articleData = [
shareUrl: 'https://pd-people-uat.pdnews.cn/atl/rel/500000004891/30001330289',
shareCoverUrl: 'https://uatjdcdnphoto.aikan.pdnews.cn/zhbj-20231106/image/content/d30cdda18fd54062a50ac69d5a0fa234.png'
},
// isNewspaper: true,
rmhInfo: {
rmhName: '111',
rmhDesc: '111',
},
topicInfo: {
title: '有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻有品质的新闻',
slideShows: [
{
newsTitle: Mock.Random.ctitle(10, 20),
publishTime: dayjs().valueOf()
}
},
{
newsTitle: Mock.Random.ctitle(10, 20),
publishTime: dayjs().valueOf()
},
]
},
activityInfo: [
... ... @@ -685,14 +693,16 @@ const articleData = [
{
'index': 1,
'optionId': '465',
'summary': '1',
'totalVotes': 3
'summary': '22',
'totalVotes': 10,
backColor: '#D0021B',
wordColor: '#ffffff'
},
{
'index': 2,
'optionId': '466',
'summary': '2',
'totalVotes': 10
'summary': '你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好',
'totalVotes': 3
}
],
'style': 1,
... ... @@ -700,11 +710,12 @@ const articleData = [
'voteId': 156
}
}
]
]
}
const mockList = [
{
url: '/mock/content/zh/c/content/detail',
data: articleData
data: getArticleDetails()
}
]
... ...
(function flexible (window, document) {
var docEl = document.documentElement
var dpr = window.devicePixelRatio || 1
var docEl = document.documentElement
var dpr = window.devicePixelRatio || 1
function judgTerminals() {
/* 返回当前的用户代理(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' */
const u = navigator.userAgent
const isXiaomi = u.indexOf('XiaoMi') > -1 // 小米手机
const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 // 其它安卓
const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios
if (isAndroid) {
return 1
} else if (isIOS) {
if (isXiaomi) {
return 1
} else {
return 2
}
}
}
// adjust body font size
function setBodyFontSize () {
if (document.body) {
// adjust body font size
function setBodyFontSize () {
if (document && document.body) {
document.body.style.fontSize = (12 * dpr) + 'px'
}
else {
else if (document) {
document.addEventListener('DOMContentLoaded', setBodyFontSize)
}
}
setBodyFontSize();
}
// set 1rem = viewWidth / 10
function setRemUnit () {
var rem = docEl.clientWidth / 10
if (judgTerminals() === 1) {
// set 1rem = viewWidth / 10
function setRemUnit (rate = 10) {
if (docEl) {
let rateNum = typeof rate === 'number' ? rate : 10
var rem = docEl.clientWidth / rateNum
if (rem > 37.5) rem = docEl.clientWidth / (rateNum + 1)
if (judgTerminal() === 1) {
docEl.style.fontSize = rem + 'px'
} else {
docEl.style.fontSize = 37.5 + 'px'
}
}
}
setRemUnit()
window.addEventListener('resize', setRemUnit)
// reset rem unit on page resize
window.addEventListener('resize', setRemUnit)
window.addEventListener('pageshow', function (e) {
if (e.persisted) {
if (window.config.VUE_BASE_NODE === 'dev' && judgTerminal() === 2) {
setRemUnit()
}
})
setBodyFontSize()
}
// detect 0.5px supports
if (dpr >= 2) {
var fakeBody = document.createElement('body')
var testElement = document.createElement('div')
testElement.style.border = '.5px solid transparent'
fakeBody.appendChild(testElement)
docEl.appendChild(fakeBody)
if (testElement.offsetHeight === 1) {
docEl.classList.add('hairlines')
}
docEl.removeChild(fakeBody)
}
}(window, document))
... ...
function playerVideo(player, events) {
if (!player.options.isGiveWidth) {
if (hasClass(player.template.$container.parentNode, 'init')) { return }
}
player.callBackFun.play()
// 上报
/* 视频的宽度 */
... ... @@ -15,7 +17,9 @@ function playerVideo(player, events) {
const videoLandscape = width > height ? '1' : (width < height ? '2' : '')
const videoUrl = player.options.record.url
if (window.config.VUE_BASE_NODE === 'dev') {
console.log('视频播放', width, height)
}
try {
... ... @@ -31,12 +35,20 @@ function playerVideo(player, events) {
videoUrl: `${videoUrl}`
},
res => {
console.log('点击了播放按钮22', res)
}
)
} catch (e) {}
}
function clickPoster(player, events) {
events.proxy(player.template.$cover, 'click', (e) => {
e.stopImmediatePropagation()
e.stopPropagation()
playerVideo(player, events)
})
}
function clickContainer(player, events) {
if (player.player) {
events.proxy(player.template.$video, 'click', (e) => {
... ...
... ... @@ -15,6 +15,7 @@ class Events {
this.dragFixInt = new DragFixInt(player, this)
this.addOtherEvent()
clickPoster(player, this)
clickContainer(player, this)
clickErrorBlock(player, this)
clickErrorBtn(player, this)
... ... @@ -45,13 +46,14 @@ class Events {
this.initVideo = true
if (window.config.VUE_BASE_NODE !== 'dev') {
this.player.template.$cover.style.backgroundSize = this.player.options.record.poster ? 'contain' : `3.52rem 1.6rem`
// this.player.template.$cover.style.backgroundSize = this.player.options.record.poster ? 'contain' : `3.52rem 1.6rem`
}
this.layerDom.toggleCommonLayer(this.player.template.$loading, false)
this.player.template.$bottomDuration.innerHTML = `${formatDuraton(this.player.player.getDuration())}`
if (hasClass(this.player.template.$container.parentNode, 'init')) {
this.player.template.$cover.querySelector('.player-state-icon').style.display = 'none'
this.layerDom.toggleLayerPause(true)
this.player.player.pause()
... ... @@ -63,128 +65,64 @@ class Events {
} else {
this.clearSetTimeOut()
this.layerDom.toggleBottomPlayState(true)
this.player.template.$cover.querySelector('.player-state-icon').style.display = 'block'
this.layerDom.toggleCommonLayer(this.player.template.$layerState, false)
}
}
initEventPlayer(posterError = true) {
this.initPlayer()
removeClass(this.player.template.$container.parentNode, 'init')
if (!this.player.originPoster || !posterError) {
this.layerDom.toggleCommonLayer(this.player.template.$cover, false)
}
}
async addOtherEvent() {
try {
const _that = this
if (this.player.options.isGiveWidth && this.player.previewPoster) {
this.player.player.pause()
} else {
this.player.player.on('ready', () => {
setTimeout(() => {
this.player.player.pause()
})
if (!this.player.options.isGiveWidth) {
const video = this.player.player ? this.player.player.tag : null
const videoWidth = video.videoWidth || 0
const videoHeight = video.videoHeight || 0
this.player.callBackFun.ready(videoWidth, videoHeight, (height) => {
if (!this.player.options.isGiveWidth) {
this.player.options.videoOptions.height = height
this.player.options.videoOptions.originWidth = videoWidth
this.player.options.videoOptions.originHeight = videoHeight
}
})
this.player.template.$bottomDuration.innerHTML = `${formatDuraton(this.player.player.getDuration())}`
this.initPlayer()
removeClass(this.player.template.$container.parentNode, 'init')
if (!this.player.originPoster) {
this.layerDom.toggleCommonLayer(this.player.template.$cover, false)
this.initEventPlayer()
}
})
}
// this.proxy(this.player.template.$video, 'play', () => {})
//
// this.proxy(this.player.template.$video, 'pause', () => {
// this.player.template.$video.pause()
// this.layerDom.toggleBottomPlayState(false)
// })
//
// this.proxy(this.player.template.$video, 'canplay', () => {})
//
// this.proxy(this.player.template.$video, 'playing', () => {
// this.layerDom.toggleCommonLayer(this.player.template.$loading, false)
// })
//
// this.proxy(this.player.template.$video, 'waiting', () => {
// this.layerDom.toggleCommonLayer(this.player.template.$loading, true)
// })
// this.proxy(this.player.template.$video, 'progress', () => {
// const buffered = timeRangeToArray(this.player.template.$video.buffered)
// const endBuffer = buffered.length > 0 ? buffered[buffered.length - 1][1] : 0
// const precent = endBuffer / this.player.player.getDuration() * 100
// this.player.template.$bottomBuffer.style.width = `${precent}%`
// this.player.template.$miniProgressBuffer.style.width = `${precent}%`
// })
//
// this.proxy(this.player.template.$video, 'loadeddata', () => {
// this.layerDom.toggleCommonLayer(this.player.template.$loading, false)
// })
//
// this.proxy(this.player.template.$video, 'timeupdate', () => {
// if (this.isDragging) return
// const precent = (this.player.player.getCurrentTime() / this.player.player.getDuration()) * 100
// this.player.template.$bottomCurrent.innerHTML = `${formatDuraton(this.player.player.getCurrentTime())}`
// this.player.template.$bottomLoaded.style.width = `${precent}%`
// this.player.template.$miniProgressLoaded.style.width = `${precent}%`
//
// if ((this.player.template.$video.currentTime >= this.player.template.$video.duration) && this.player.template.$video.currentTime > 0) {
// if (this.isDragging) return
// this.playerEnd = true
//
// this.player.template.$bottomLoaded.style.width = `100%%`
// this.player.template.$miniProgressLoaded.style.width = `100%%`
//
// if (this.dragFixed) {
// this.player.player.pause()
// this.layerDom.toggleCommonLayer(this.player.template.$miniLayer, true)
//
// return
// } else {
// this.clearSetTimeOut()
// this.layerDom.toggleBottomPlayState(false)
// if (this.player.player.fullscreenService.getIsFullScreen()) {
// const bg = this.player.template.$container.getAttribute('old-bg')
// this.player.template.$container.setAttribute('old-bg', '')
// this.player.template.$container.style.backgroundColor = bg
// this.player.player.fullscreenService.cancelFullScreen()
// this.player.template.$bottomFullScreen.setAttribute('src', './image/player/fullScreen.svg')
// }
// this.layerDom.toggleCommonLayer(this.player.template.$replay, true)
// this.layerDom.tooglePlayerBottom(false)
// }
// }
// })
//
// this.player.player.on('requestFullScreen', () => {
// if (judgTerminal() === 1) {
// this.player.template.$bottomFullScreen.setAttribute('src', './image/player/eFullScreen.svg')
// }
//
// try {
// sendNative('jsCall_currentPageOperate', {
// operateType: '6'
// }, () => {})
// } catch (e) {}
// })
//
// this.player.player.on('cancelFullScreen', () => {
// this.player.template.$bottomFullScreen.setAttribute('src', './image/player/fullScreen.svg')
//
// try {
// sendNative('jsCall_currentPageOperate', {
// operateType: '7'
// }, () => {})
// } catch (e) {}
// })
this.player.player.on('error', () => {
// if (this.player.callBackFun.pointError) this.player.callBackFun.pointError()
//
// if (!this.dragFixed) {
// this.layerDom.toggleCommonLayer(this.player.template.$loading, false)
// this.layerDom.toggleCommonLayer(this.player.template.$cover, false)
// this.layerDom.toggleLayerPause(false)
// this.layerDom.toggleCommonLayer(this.player.template.$error, true)
// } else {
// this.player.callBackFun.closeFixModal(this.player.options.record.id)
// }
})
const imageEl = this.player.container.querySelector('.player-cover > img')
imageEl.src = this.player.previewPoster
imageEl.onload = function () {
imageEl.style.display = 'block'
_that.player.container.querySelector('.player-cover').style.backgroundImage = ''
_that.player.container.querySelector('.player-cover').style.backgroundSize = 'cover'
if (_that.player.options.isGiveWidth) {
_that.initEventPlayer()
}
}
imageEl.onerror = function () {
_that.player.container.querySelector('video').setAttribute('poster', '')
_that.initEventPlayer(false)
}
} catch (e) {
}
}
proxy(target, name, callback, option = {}) {
... ...
... ... @@ -10,6 +10,7 @@ class videoEnPlayer extends Emitter {
this.id = ++id
this.player = null
this.poster = ''
this.previewPoster = ''
this.originPoster = ''
this.isDestroy = false
this.container = document.querySelector(`#video-player-${this.options.key}`)
... ... @@ -32,13 +33,30 @@ class videoEnPlayer extends Emitter {
const domId = this.container.getAttribute('id')
const url = this.options.record.url
const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true'
this.poster = this.options.record.poster || (isDark ? './image/placeHoldVlogo.svg' : './image/placeholdLogo.svg')
this.originPoster = this.options.record.poster
this.previewPoster = this.options.record.poster
const cdnUrl = [
'jdcdnout.aikan.pdnews.cn',
'sitjdcdnout.aikan.pdnews.cn',
'uatjdcdnout.aikan.pdnews.cn'
]
if (!this.previewPoster && cdnUrl.some(el => url.includes(el))) {
// this.originPoster = `${url}?x-oss-process=video/snapshot,t_0,f_jpg`
// this.previewPoster = `${url}?x-oss-process=video/snapshot,t_0,f_jpg`
}
if (this.previewPoster) {
this.originPoster = handleImageSrc(this.originPoster, 2)
this.previewPoster = handleImageSrc(this.previewPoster, 2)
}
this.poster = isDark ? './image/placeHoldVlogo.svg' : './image/placeholdLogo.svg'
this.player = new Aliplayer({
id: domId,
cover: this.poster,
autoplay: true,
autoplay: this.options.isGiveWidth,
x5_type: true,
source: url
})
... ...
... ... @@ -12,7 +12,7 @@ function createPlayerNetwork() {
function createPlayerPoster() {
const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true'
return `<div class="player-cover" style="background: ${isDark ? '#000' : ''}"><img class="player-cover-icon" src="./image/puse.svg" alt=""></div>`
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>`
}
function createPlayerError() {
... ... @@ -36,7 +36,7 @@ function createReplay() {
}
function createMiniLayer() {
return `<div class="player-mini-layer none"><img src="./image/puse.svg" alt=""></div>`
return `<div class="player-mini-layer none"><img src="" alt=""></div>`
}
function createMiniClose() {
... ...
... ... @@ -69,11 +69,13 @@ class Template {
this.playerStateBg = this.query('.player-state-bg', this.$container)
this.$video.setAttribute('poster', this.player.options.record.poster)
// 此处初始化播放器效果
this.$cover.style.backgroundImage = `url('${this.player.poster}')`
this.$cover.style.backgroundSize = this.player.options.record.poster ? 'contain' : `3.52rem 1.6rem`
this.$cover.style.backgroundSize = `3.52rem 1.6rem`
if (!this.player.previewPoster) {
this.$video.setAttribute('poster', this.player.previewPoster)
}
removeClass(this.$cover, 'none')
}
... ...
... ... @@ -24,6 +24,9 @@ function errorBlock(img, str, retry) {
mobileApp(false)
if (retry) {
document.querySelector('.error-block-retry-btn').style.display = 'block'
if (window.config.VUE_BASE_NODE === 'dev') {
document.querySelector('.error-block-reload-btn').style.display = 'block'
}
} else {
document.querySelector('.error-block-retry-btn').style.display = 'none'
}
... ... @@ -43,7 +46,6 @@ function mobileLoadingBlock(status) {
function mobileApp(status) {
if (status) {
mobileLoadingBlock(false)
document.querySelector('.gx-mobile').classList.remove('fixed')
document.querySelector('.gx-mobile').classList.add('active')
} else {
... ...
... ... @@ -16,7 +16,6 @@ class DomUtil {
handleArticleStr(str, nextCallback, details, netstutas, loadlmageOnlyWifiSwitch) {
if (!str) return ''
let padding = getComputedStyle(document.querySelector('.gx-mobile')).paddingLeft
if (padding) {
padding = padding.split('px')[0]
... ... @@ -27,11 +26,19 @@ class DomUtil {
}
const contentWidth = document.querySelector('body').getBoundingClientRect().width - padding * 2
document.querySelector('#newsContent').innerHTML = str
//找str中的元素,class中包含audio-block的nodelist
const audioDom = document.querySelectorAll('#newsContent [class^="audio-block"]')
const audioOringin = document.querySelectorAll('#newsContent audio')
for (let i = 0; i < audioOringin.length; i++) {
const audioEl = audioOringin[i]
const src = audioEl.getAttribute('src')
if (src) {
audioEl.outerHTML = `<div class="audio-block_${getRandomNumber().uuid(10)}">${audioEl.outerHTML}</div>`
}
}
const audioDom = document.querySelectorAll('#newsContent [class^="audio-block"]')
const linkCardDom = document.querySelectorAll('#newsContent .linkcard')
const swiperDom = document.querySelectorAll(`#newsContent section[data-title='轮播图片']`)
const swiper2Dom = document.querySelectorAll(`#newsContent section[data-title='图片海报']`)
... ... @@ -40,6 +47,9 @@ class DomUtil {
const authorDom = document.querySelectorAll(`#newsContent section[data-title='作者头像框']`)
const imgPut = document.querySelectorAll('#newsContent .edit_img_input')
const imgPut2 = document.querySelectorAll('#newsContent .imageCaption')
const imgPut3 = document.querySelectorAll('#newsContent .bjh-image-caption')
const imgPut4 = document.querySelectorAll('#newsContent .rmrb-caption-img2')
const imgPut5 = document.querySelectorAll('#newsContent .rmrb-caption-img')
const swiperText = document.querySelectorAll(`#newsContent section[data-title='文字滚动']`)
const tableDom = document.querySelectorAll(`#newsContent section[data-title='基本表格']`)
... ... @@ -56,8 +66,13 @@ class DomUtil {
const textSplit5Dom = document.querySelectorAll(`#newsContent section[data-title='分割线-5']>div`)
const tableAllDom = document.querySelectorAll(`#newsContent table`)
// const brDom = []
const brDom = document.querySelectorAll(`#newsContent p > br`)
if (swiperDom.length > 0 || swiper2Dom.length > 0) {
nextCallback(5)
}
// 处理所有表格属性
for (let i = 0; i < tableAllDom.length; i++) {
tableAllDom[i].setAttribute('width', '')
... ... @@ -93,6 +108,7 @@ class DomUtil {
? imgElList[j].getAttribute('data-src')
: imgElList[j].getAttribute('src')
imgElList[j].classList.add('not-preview-image')
imgElList[j].classList.add('local-image')
}
if (textSplit5Dom[i].querySelector('div#sign')) {
... ... @@ -106,8 +122,16 @@ class DomUtil {
if (brDom[i].parentNode) {
if (brDom[i].parentNode.childNodes && brDom[i].parentNode.childNodes.length === 1) {
if (brDom[i].parentNode.childNodes[0].tagName === 'BR') {
brDom[i].parentNode.setAttribute('style', 'margin-bottom: 0 !important;height: 0 !important;')
brDom[i].parentNode.remove()
}
} else if (brDom[i].parentNode && brDom[i].parentNode.childNodes) {
let isAllBr = 0
brDom[i].parentNode.childNodes.forEach(el => {
if (el.tagName === 'BR') {
isAllBr += 1
}
})
if (isAllBr === brDom[i].parentNode.childNodes.length) brDom[i].parentNode.remove()
}
}
}
... ... @@ -136,7 +160,7 @@ class DomUtil {
}
el.style.borderLeftColor = borderColor
el.style.backgroundColor = bgHex
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>`
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>`
text1Dom[i].before(el)
text1Dom[i].remove()
}
... ... @@ -209,8 +233,7 @@ class DomUtil {
if (borderEl) {
bgHex = borderEl.style.backgroundColor
}
el.style.backgroundColor = bgHex
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>`
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>`
text4Dom[i].before(el)
text4Dom[i].remove()
}
... ... @@ -278,15 +301,58 @@ class DomUtil {
if (imgEl) {
imgSrc = imgEl.getAttribute('src') || imgEl.getAttribute('data-src')
}
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>`
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>`
swiperText[i].before(el)
swiperText[i].remove()
}
// 处理图注3
for (let i = 0; i < imgPut3.length; i++) {
const el = document.createElement('div')
el.innerText = imgPut3[i] ? imgPut3[i].textContent || '' : ''
const align = imgPut3[i].style.textAlign
if (align) {
el.style.textAlign = align
}
el.classList.add('rmrb-caption-img2')
imgPut3[i].before(el)
imgPut3[i].remove()
}
// 处理图注4
for (let i = 0; i < imgPut4.length; i++) {
const el = document.createElement('div')
el.innerText = imgPut4[i] ? imgPut4[i].textContent || '' : ''
const align = imgPut4[i].style.textAlign
if (align) {
el.style.textAlign = align
}
el.classList.add('rmrb-caption-img2')
imgPut4[i].before(el)
imgPut4[i].remove()
}
// 处理图注5
for (let i = 0; i < imgPut5.length; i++) {
const el = document.createElement('div')
el.innerText = imgPut5[i] ? imgPut5[i].textContent || '' : ''
const align = imgPut5[i].style.textAlign
if (align) {
el.style.textAlign = align
}
el.classList.add('rmrb-caption-img2')
imgPut5[i].before(el)
imgPut5[i].remove()
}
// 处理图注
for (let i = 0; i < imgPut.length; i++) {
const el = document.createElement('div')
el.innerText = imgPut[i] ? imgPut[i].textContent || '' : ''
const align = imgPut[i].style.textAlign
if (align) {
el.style.textAlign = align
}
el.classList.add('rmrb-caption-img')
imgPut[i].before(el)
imgPut[i].remove()
... ... @@ -298,6 +364,10 @@ class DomUtil {
el.innerText = imgPut2[i] ? imgPut2[i].querySelector('.title')
? imgPut2[i].querySelector('.title').textContent || ''
: '' : ''
const align = imgPut2[i].style.textAlign
if (align) {
el.style.textAlign = align
}
el.classList.add('rmrb-caption-img2')
imgPut2[i].before(el)
imgPut2[i].remove()
... ... @@ -313,6 +383,7 @@ class DomUtil {
: imageElList[j].getAttribute('src')
imageElList[j].style.objectFit = 'cover'
imageElList[j].classList.add('not-preview-image')
imageElList[j].classList.add('local-image')
}
}
... ... @@ -325,6 +396,7 @@ class DomUtil {
: imageElList[j].getAttribute('src')
imageElList[j].style.objectFit = 'cover'
imageElList[j].classList.add('not-preview-image')
imageElList[j].classList.add('local-image')
}
}
... ... @@ -337,6 +409,7 @@ class DomUtil {
? imageElList[j].getAttribute('data-src')
: imageElList[j].getAttribute('src')
imageElList[j].classList.add('not-preview-image')
imageElList[j].classList.add('local-image')
}
}
... ... @@ -370,7 +443,7 @@ class DomUtil {
let html = '<div class="swiper-wrapper">'
urlList.forEach(el => {
html += `<div class="swiper-slide"><img data-src="${el}" class="not-preview-image" src="${el}" alt=""></div>`
html += `<div class="swiper-slide"><img data-src="${el}" class="not-preview-image local-image" src="${el}" alt=""></div>`
})
el.innerHTML = html + `</div><div class="swiper-pagination"></div>`
... ... @@ -415,7 +488,7 @@ class DomUtil {
let html = '<div class="swiper-wrapper">'
urlList.forEach(el => {
html += `<div class="swiper-slide"><img data-src="${el}" class="not-preview-image" src="${el}" alt=""></div>`
html += `<div class="swiper-slide"><img data-src="${el}" class="not-preview-image local-image" src="${el}" alt=""></div>`
})
el.innerHTML = html + `</div><div class="swiper-pagination"></div>`
... ... @@ -446,9 +519,11 @@ class DomUtil {
const hrefUrl = a
? a.getAttribute('href') || a.getAttribute('_href') || a.getAttribute('data-href') || a.textContent
: ''
const dataRmrbnativeEl = linkCardDom[i].querySelector('p.link')
const el = document.createElement('a')
el.setAttribute('class', imageUrl ? 'preview-link-card-mobile card-image' : 'preview-link-card-mobile')
el.setAttribute('data-rmrbnative', dataRmrbnativeEl.getAttribute('data-rmrbnative'))
el.setAttribute('href', hrefUrl)
el.setAttribute('target', '_blank')
... ... @@ -460,9 +535,9 @@ class DomUtil {
linkIcon = `icon_Y_lianjie`
}
if (imageUrl) {
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>`
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>`
} else {
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>`
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>`
}
linkCardDom[i].before(el)
... ... @@ -471,7 +546,7 @@ class DomUtil {
// 处理音频
for (let i = 0; i < audioDom.length; i++) {
const dataId = `en_audio_${i}`
const dataId = `zh_audio_${i}`
let audioEl
let coverEl
let titleEl
... ... @@ -482,9 +557,14 @@ class DomUtil {
audioEl = audioDom[i].querySelector('audio source')
coverEl = audioDom[i].querySelector('.audioStyleLeftImg')
if (!audioEl) {
audioEl = audioDom[i].querySelector('audio')
}
titleEl = audioDom[i].querySelector('.audioStyleTitle')
if (titleEl) {
title = titleEl.innerHTML
title = titleEl.textContent
// title = '测试库'
}
if (audioEl) {
audioSrc = audioEl.getAttribute('src')
... ... @@ -520,14 +600,13 @@ class DomUtil {
pauseIcon = 'dark_pause'
playIcon = 'dark_play'
}
const noCoverTitle = `<div class="audio-title ellipsis1 droidSerif-bold">${title}</div>`
const noCoverTitle = `<div class="audio-title droidSerif-bold"><div class="audio-notice-title">${title}</div></div>`
if (cover) {
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>`
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>`
} else {
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
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
? noCoverTitle
: ''}<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>`
: ''}<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>`
}
if (audioSrc) {
... ... @@ -543,39 +622,48 @@ class DomUtil {
for (let i = 0; i < imageDom.length; i++) {
const name = imageDom[i].getAttribute('data-name')
const classList = imageDom[i].getAttribute('class') || ''
const src = imageDom[i].getAttribute('src') || imageDom[i].getAttribute('data-src')
const src = imageDom[i].getAttribute('src') || imageDom[i].getAttribute('data-src') || ''
if (/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/.test(src)) {
nextCallback(1, src)
if (src && src !== 'undefined' && !classList.includes('not-preview-image') && name !== 'people') {
if (!classList.includes('not-preview-image') && name !== 'people') {
effectImage.push(imageDom[i])
} else {
imageDom[i].setAttribute('status', 'loading')
}
} else {
if (imageDom[i] && imageDom[i].classList && imageDom[i].classList.contains('local-image')) {
} else {
imageDom[i].remove()
}
}
}
for (let i = 0; i < effectImage.length; i++) {
const photoList = details.photoList
const src = effectImage[i].getAttribute('src') || effectImage[i].getAttribute('data-src')
const src = effectImage[i].getAttribute('src') || effectImage[i].getAttribute('data-src') || ''
const isLink = effectImage[i].parentNode && effectImage[i].parentNode.tagName === 'A' && !!effectImage[i].parentNode.getAttribute(
'href')
const networkStatus = [ 2, 3, 4, 5 ]
const isDark = document.querySelector('html').getAttribute('dark-mode') === 'true'
const imageSrc = isDark ? './image/placeHoldVlogo.svg' : './image/placeholdLogo.svg'
const errorSrc = isDark ? './image/errorDark.svg' : './image/error.svg'
let className = netstutas == 1 || loadlmageOnlyWifiSwitch == '2'
let className = src ? netstutas == 1 || loadlmageOnlyWifiSwitch == '2'
? 'preview-image-block loading'
: networkStatus.includes(Number(netstutas))
? `preview-image-block loading no-network`
: netstutas === 0
? 'preview-image-block loading error'
: 'preview-image-block loading no-network'
: 'preview-image-block loading error'
let linkIocnHtml = ''
if (isLink) {
className = className + ' link-image'
linkIocnHtml = `<div class="preview-image-link-icon"><img src="./image/image_link.svg" alt=""><span>链接</span></div>`
linkIocnHtml = `<div class="preview-image-link-icon"><img class="local-image" src="./image/image_link.svg" alt=""><span>链接</span></div>`
}
const el = document.createElement('div')
if (src) {
const previewSrc = handleImageSrc(src)
const findRecord = photoList.find(el => {
const originSrc = src.split('?')[0]
return handleMediaSrc(el.picPath) == handleMediaSrc(originSrc)
... ... @@ -595,12 +683,18 @@ class DomUtil {
height = findRecord.height || 0
}
}
width = width && isNumber(Number(width)) ? isNaN(Number(width)) ? 0 : Number(width) : 0
height = height && isNumber(Number(height)) ? isNaN(Number(height)) ? 0 : Number(height) : 0
if (width <= 0) width = 0
if (height <= 0) height = 0
const overMaxWidth = width > contentWidth
el.setAttribute('class', className)
el.setAttribute('status', 'loading')
el.style.height = width && height ? `${contentWidth * height / width}px` : 'auto'
el.style.height = width && height ? overMaxWidth ? `${contentWidth * height / width}px` : '' : ''
if (!height) el.classList.add('minHeight')
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}`
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}`
try {
if (effectImage[i].parentNode && effectImage[i].parentNode.tagName == 'A') {
... ... @@ -626,10 +720,17 @@ class DomUtil {
effectImage[i].remove()
}
}
}
const videoDom = this.$dom('#newsContent video', true)
// const previewImageEl = document.querySelectorAll('#newsContent .preview-image-block')
// for (let i = 0; i < previewImageEl.length; i++) {
// const el = previewImageEl[i]
// const parentNode = el.parentNode
// if (parentNode.firstChild === el) {
// el.style.setProperty('margin-top', '0', 'important')
// }
// }
const videoDom = document.querySelectorAll('#newsContent video')
const videoOutter = []
for (let i = 0; i < videoDom.length; i++) {
const parentNode = videoDom[i].parentNode
... ... @@ -647,7 +748,6 @@ class DomUtil {
}
const videoDomList = document.querySelectorAll('#newsContent video')
for (let i = 0; i < videoDomList.length; i++) {
let width = 0
let height = 0
... ... @@ -676,39 +776,48 @@ class DomUtil {
}
const videoInfoList = details.videoInfo || []
const findRecord = videoInfoList.find(el => el.videoUrl === src)
const findRecord = videoInfoList.find(el => handleMediaSrc(el.videoUrl) === handleMediaSrc(src))
if (findRecord && (!width || !height)) {
width = findRecord.resolutionWidth
height = findRecord.resolutionHeight
} else if ((!width || !height)) {
width = videoEl.getAttribute('data-vwidth')
height = videoEl.getAttribute('data-vheight')
}
let styleHeight = isNumber(Number(width)) ? isNaN(Number(width)) || Number(width) === 0
? 0
: Number(contentWidth) / (Number(width) / Number(height)) : 0
if ((!width || !height)) {
width = videoEl.getAttribute('data-vwidth') || videoEl.getAttribute('data-width')
height = videoEl.getAttribute('data-vheight') || videoEl.getAttribute('data-height')
}
width = width && isNumber(Number(width)) ? isNaN(Number(width)) ? 0 : Number(width) : 0
height = height && isNumber(Number(height)) ? isNaN(Number(height)) ? 0 : Number(height) : 0
if (width <= 0) width = 0
if (height <= 0) height = 0
let styleHeight = width === 0 ? 0 : Number(contentWidth) / (width / height)
if (!styleHeight) styleHeight = 150
const id = getRandomNumber().uuid(10)
/* 找到海报图nodelist对象 */
const poster = videoDomList[i].getAttribute('poster')
const poster = videoDomList[i].getAttribute('data-poster') || videoDomList[i].getAttribute('poster') || details.firstFrameImageUri
const el = document.createElement('div')
el.setAttribute('class', 'preview-video init')
/* 自定义属性data-height、data-width */
el.innerHTML = `<div id="video-player-${i}" class="video-player video-player-${i}" style="height: ${styleHeight}px" data-height="${height || '0'
}" data-width="${width || '0'}" data-id="${id}"></div>`
const parentNode = videoDomList[i].parentNode
if (parentNode) {
if (parentNode.getAttribute('id') !== 'newsContent') {
parentNode.before(el)
parentNode.remove()
} else {
videoEl.before(el)
videoEl.remove()
}
}
nextCallback(2, { src, id, poster, originId: videoElId })
}
const aEl = document.querySelectorAll('#newsContent a')
for (let i = 0; i < aEl.length; i++) {
const url = aEl[i].getAttribute('href')
... ... @@ -717,15 +826,54 @@ class DomUtil {
aEl[i].style.textDecoration = 'underline'
}
const olstyleEl = document.querySelectorAll(
'#newsContent [style*="list-style-type: decimal"] li')
for (let i = 0; i < olstyleEl.length; i++) {
olstyleEl[i].style.marginLeft = `${21 / 37.5}rem`
}
const underLineEl = document.querySelectorAll(
'#newsContent [style*="text-decoration"], [style*="text-decoration-line"]')
for (let i = 0; i < underLineEl.length; i++) {
underLineEl[i].style.textDecorationLine = 'none'
underLineEl[i].style.borderBottom = underLineEl[i].nodeName === 'A' ? '1px solid #50749A' : '1px solid #000000'
if (underLineEl[i].style.textDecorationLine === 'underline' || underLineEl[i].style.textDecoration === 'underline') {
underLineEl[i].style.textUnderlineOffset = '4px'
}
}
const globalLineDom = document.querySelectorAll(`#newsContent .global-line`)
for (let i = 0; i < globalLineDom.length; i++) {
const parentEl = globalLineDom[i].parentNode
let color = parentEl.style.color
function getParentColor(el) {
if (el && el.getAttribute('id') === 'newsContent') {
} else if (el.style.color) {
color = el.style.color
} else {
getParentColor(el.parentNode)
}
}
if (!color) getParentColor(parentEl.parentNode)
globalLineDom[i].style.backgroundColor = color
if (parentEl.style.fontWeight > 500 || parentEl.style.fontWeight === 'bold' || parentEl.nodeName === 'STRONG') {
globalLineDom[i].style.height = `${2 / 37.5}rem`
globalLineDom[i].style.top = `${-4.5 / 37.5}rem`
} else {
globalLineDom[i].style.height = `${1 / 37.5}rem`
}
}
const lastEle = document.querySelector('#newsContent')
? document.querySelector('#newsContent').lastElementChild : null
if (lastEle && lastEle.lastChild && lastEle.lastChild.classList && lastEle.lastChild.classList.contains('preview-image-block')) {
const el = lastEle.lastChild
el.style.setProperty('margin-bottom', '0', 'important')
}
if (lastEle && lastEle.style) {
if (lastEle.childNodes && lastEle.childNodes.length === 1) {
if (lastEle.childNodes[0].tagName === 'BR') {
... ...
/* app主动调用通知h5事件 */
// 加载资源方法
function loadFile(doc, obj, fn) {
function loadFile(doc, obj = {}, fn) {
var tmpList = []
var item = null
for (
... ... @@ -125,7 +123,6 @@ function connectWebViewJavascriptBridge(callback) {
document.addEventListener(
'WebViewJavascriptBridgeReady'
, function () {
// console.log('WebViewJavascriptBridge==>',WebViewJavascriptBridge);
callback(WebViewJavascriptBridge)
},
false
... ... @@ -136,13 +133,21 @@ function connectWebViewJavascriptBridge(callback) {
function sendNative(name, data, callback) {
if (!window.WebViewJavascriptBridge) return
if (judgTerminal() === 1) {
try {
window.WebViewJavascriptBridge.callHandler(name, data, function (responseData) {
if (callback) callback(responseData)
})
} catch (e) {
}
} else {
try {
window.WebViewJavascriptBridge.callHandler(name, data, function (response) {
if (callback) callback(response)
})
} catch (e) {
}
}
}
... ... @@ -151,32 +156,71 @@ function connetAppLogin() {
/*bridge: WebViewJavascriptBridge */
connectWebViewJavascriptBridge(function (bridge) {
bridge.registerHandler('jsCall_appNotifyEvent', function (data, responseCallback) {
const objData = typeof data === 'object' ? data : JSON.parse(data)
if (objData && (objData.event == '13')) {
if (pageLoadOutTime || hasDetails) {
return
}
firstTime = new Date()
pageLoadOutTime = null
clearTimeout(pageLoadOutTime)
hasDetails = false
checkPageLoadingTimeOut()
setRemUnit()
setBodyFontSize()
}
window.config.VUE_APP_LOGIN = data
if (document.querySelector('#page-change')) {
document.querySelector('#page-change').click()
}
if (document.querySelector('#notice-change')) {
window.config.MEDIAPLAY = data
document.querySelector('#notice-change').click()
}
if (document.querySelector('#quitevent-change')) {
document.querySelector('#quitevent-change').click()
}
if (document.querySelector('#page-reload-change')) {
window.config.PAGERELOAD = data
document.querySelector('#page-reload-change').click()
}
if (responseCallback) responseCallback(data)
})
})
} else {
setupWebViewJavascriptBridge(function (bridge) {
bridge.registerHandler('jsCall_appNotifyEvent', function (data, responseCallback) {
const objData = typeof data === 'object' ? data : JSON.parse(data)
if (objData && (objData.event == '13')) {
if (pageLoadOutTime || hasDetails) {
return
}
firstTime = new Date()
pageLoadOutTime = null
hasDetails = false
checkPageLoadingTimeOut()
setRemUnit()
setBodyFontSize()
}
window.config.VUE_APP_LOGIN = data
if (document.querySelector('#page-change')) {
document.querySelector('#page-change').click()
}
if (document.querySelector('#notice-change')) {
window.config.MEDIAPLAY = data
document.querySelector('#notice-change').click()
}
if (document.querySelector('#quitevent-change')) {
document.querySelector('#quitevent-change').click()
}
if (document.querySelector('#page-reload-change')) {
window.config.PAGERELOAD = data
document.querySelector('#page-reload-change').click()
}
if (responseCallback) responseCallback(data)
})
})
... ... @@ -209,12 +253,6 @@ function networkStatus() {
}
function appClearData() {
if (window.config.VUE_BASE_NODE === 'dev') {
if (document.querySelector('#clearData')) {
document.querySelector('#clearData').click()
}
return
}
if (judgTerminal() === 1) {
connectWebViewJavascriptBridge(function (bridge) {
bridge.registerHandler('jsCall_clearAppData', function (data, responseCallback) {
... ... @@ -236,11 +274,25 @@ function appClearData() {
}
}
function mockAppRequestDetails() {
setTimeout(() => {
document.querySelector('#page-reload-change').click()
}, 1000)
setTimeout(() => {
window.config.VUE_CONTENT_CONFIG = {
code: '0',
data: getArticleDetails()
}
if (document.querySelector('#detail-change')) {
document.querySelector('#detail-change').click()
}
}, 1200)
}
/* 该方法由H5预埋,App加载完成后 app主动传递数据用。 */
document.addEventListener('DOMContentLoaded', function () {
if (window.config.VUE_BASE_NODE === 'dev') {
return
window.config.devApp = true
loadFile(
document,
{
... ... @@ -259,13 +311,32 @@ document.addEventListener('DOMContentLoaded', function () {
defer: 'defer'
},
() => {
window.config.VUE_CONTENT_CONFIG = {
code: '0',
data: articleData
loadFile(
document,
{
src: './js/plugin/axios.min.js',
tag: 'script',
type: 'text/javascript',
defer: 'defer'
},
() => {
loadFile(
document,
{
src: './js/utils/request.js',
tag: 'script',
type: 'text/javascript',
defer: 'defer'
},
() => {
window.config.initLoad = true
if (window.config && window.config.devApp) {
mockAppRequestDetails()
}
if (document.querySelector('#detail-change')) {
document.querySelector('#detail-change').click()
}
)
}
)
}
)
}
... ... @@ -274,6 +345,7 @@ document.addEventListener('DOMContentLoaded', function () {
return
}
try {
if (judgTerminal() === 1) {
connectWebViewJavascriptBridge(function (bridge) {
bridge.registerHandler('jsCall_receiveAppData', function (data, responseCallback) {
... ... @@ -298,6 +370,9 @@ document.addEventListener('DOMContentLoaded', function () {
appClearData()
connetAppLogin()
networkStatus()
} catch (e) {
}
/* videoStatus() */
// setTimeout(() => {
// window.config.VUE_APP_NETWORK = 1
... ...
const successCode = [200, '0']
async function request(config) {
const {
methot,
url,
timeOut = 1000000,
prefix,
appStatus = true,
showError = true,
environment = 'sit',
token,
data = {},
params = {},
showToken = true
} = config
return new Promise((resolve) => {
if (url.includes('/mock')) {
setTimeout(() => {
const code = '0'
if (appStatus) {
appBlock(true)
}
if (!successCode.includes(code) && showError) {
// errorBlock('./image/error.svg', '内容获取失败')
errorBlock('./image/content_fail.svg', '获取内容失败')
}
const data = mockList.find(el => el.url === url).data
resolve({
success: successCode.includes(code),
data: successCode.includes(code) ? data ? deepCopy(data) : null : null
})
}, timeOut)
return
}
const VUE_BASE_API = window.config.VUE_BASE_API[environment]
let responseUrl = VUE_BASE_API + prefix + url
if (methot.toLowerCase() === 'get' && Object.keys(delectEmptyObj(params)).length) {
responseUrl = `${responseUrl}?${tansParams(params)}`
}
const ajaxConfig = {
type: methot,
url: responseUrl,
dataType: 'json',
async: false,
headers: {
...config.headers
}
}
if (data && Object.keys(data).length) ajaxConfig.data = JSON.stringify(data)
if (showToken && (token || getQueryVariable('token'))) {
ajaxConfig.headers.token = token || getQueryVariable('token')
}
$.ajax({
contentType: 'application/json',
timeout: 1,
...ajaxConfig,
success: (res) => {
if (appStatus) {
appBlock(true)
}
if (!successCode.includes(res.code) && showError) {
if (navigator.onLine) {
errorBlock('./image/no_net.svg', 'No collection')
} else {
errorBlock('./image/no_net.svg', '暂无网络')
}
}
resolve({
success: successCode.includes(res.code),
data: successCode.includes(res.code) ? res.data : res
})
},
error: (_, status) => {
if (status.includes('timeout')) {
errorBlock('./image/no_net.svg', '暂无网络')
} else if (navigator.onLine) {
// errorBlock('./image/error.svg', '内容获取失败')
errorBlock('./image/content_fail.svg', '获取内容失败')
} else {
errorBlock('./image/no_net.svg', '暂无网络')
}
if (showError) {
resolve({
success: false
})
}
}
})
})
}
async function fetchUrl(config) {
const {
methot,
url,
timeOut = 1000000,
prefix,
appStatus = true,
showError = true,
environment = 'uat',
data = {},
params = {}
} = config
if (url.includes('/mock')) {
setTimeout(() => {
const code = '0'
if (appStatus) {
appBlock(true)
}
if (!successCode.includes(code) && showError) {
// errorBlock('./image/error.svg', '内容获取失败')
errorBlock('./image/content_fail.svg', '获取内容失败')
}
const data = mockList.find(el => el.url === url).data
resolve({
success: successCode.includes(code),
data: successCode.includes(code) ? data ? deepCopy(data) : null : null
})
}, timeOut)
return
}
const VUE_BASE_API = window.config.VUE_BASE_API[environment]
let responseUrl = VUE_BASE_API + prefix + url
if (methot.toLowerCase() === 'get' && Object.keys(delectEmptyObj(params)).length) {
responseUrl = `${responseUrl}?${tansParams(params)}`
}
const ajaxConfig = {
method: methot,
headers: {
...config.headers
}
}
if (data && Object.keys(data).length) ajaxConfig.body = JSON.stringify(data)
return new Promise((resolve) => {
fetch(responseUrl, ajaxConfig).then(res => res.json()).then(res => {
if (appStatus) {
appBlock(true)
}
if (!successCode.includes(res.code) && showError) {
// errorBlock('./image/error.svg', '内容获取失败')
errorBlock('./image/content_fail.svg', '获取内容失败')
}
resolve({
success: successCode.includes(res.code),
data: successCode.includes(res.code) ? res.data : res
})
}).catch(err => {
console.log(err)
if (showError) {
resolve({
success: false
})
}
})
})
}
async function axiosRequest(config) {
const {
methot,
... ...
let appH5Height = 0
function loadCSS(path) {
var link = document.createElement('link')
link.rel = 'stylesheet'
link.type = 'text/css'
link.href = path // 替换成你的CSS文件路径
document.head.appendChild(link)
}
/**
* @Author gx12358
* @DateTime 2022/1/19
... ... @@ -333,12 +341,12 @@ function formatDuraton(time, showHour) {
function changeContentHtmlHeight(options = {}) {
try {
const height = document.querySelector(options.str || '.gx-mobile').getBoundingClientRect().height
if (appH5Height !== height) {
if ((appH5Height !== height) || options.report) {
appH5Height = height
// 两种方式拿到的值是一样的
try {
// console.log('高度', options.type || 'previewInit', appH5Height)
// console.warn('高度', options.type || 'previewInit', appH5Height)
sendNative(
'jsCall_currentPageOperate',
{
... ... @@ -939,8 +947,10 @@ function shareTypePoint({
function followTypePoint({
type,
followUserName,
cancelFollowUserName,
duration,
followPDUserId,
cancelFollowPDUseId,
pageId,
newsType,
subSceneId,
... ... @@ -952,16 +962,16 @@ function followTypePoint({
newsTitle,
channelId,
trace = true,
sceneId,
sceneId
// traceId,
// traceInfo
}) {
// const trace_id = traceId || 'selfhold'
const traceOptions = trace ? {
sceneId: sceneId,
itemId: itemId,
itemId: `${type == 1 ? followPDUserId : cancelFollowPDUseId}_author`,
subSceneId,
cnsTraceId,
cnsTraceId
} : {}
const pageName = newsType == '8'
? 'articleDetailPage'
... ... @@ -969,19 +979,21 @@ function followTypePoint({
'atlas_detail_page' : newsType == '10' ?
'operation_page' : newsType == '1' ?
'video_detail_page' : newsType == '2' ?
'live_detail_page' : ''
'live_detail_page' : newsType == '13' ?
'audioTextPage' : ''
const useInfos = type === 1 ? { followPDUserId, followUserName } : { cancelFollowUserName, cancelFollowPDUseId }
console.log({
action: type === 1 ? 'follow' : 'unFollow',
pageName: pageName,
audio_positive_pybk: pageId || pageName,
duration,
duration: 0,
shareChannel: '',
action: type === 1 ? 'follow' : 'unfollow',
pageName,
pageId: pageName,
contentClassify,
followPDUserId,
followUserName,
...useInfos,
contentId: newsId,
contentStyle: appstyle,
contentName: newsTitle,
contentType: Number(newsType),
contentType: newsType,
channelSourceId: channelId,
contentShowChannelId: channelId,
...traceOptions
... ... @@ -992,17 +1004,17 @@ function followTypePoint({
{
eventId: type === 1 ? 'follow_click' : 'cancel_follow_click',
parameters: {
action: type === 1 ? 'follow' : 'unFollow',
pageName: pageName,
audio_positive_pybk: pageId || pageName,
duration,
duration: 0,
shareChannel: '',
action: type === 1 ? 'follow' : 'unfollow',
pageName,
pageId: pageName,
contentClassify,
followPDUserId,
followUserName,
...useInfos,
contentId: newsId,
contentStyle: appstyle,
contentName: newsTitle,
contentType: Number(newsType),
contentType: newsType,
channelSourceId: channelId,
contentShowChannelId: channelId,
...traceOptions
... ... @@ -1024,8 +1036,10 @@ function normalClickTypePoint({
appstyle,
newsTitle,
channelId,
voteOption,
voteContent,
trace = true,
sceneId,
sceneId
// traceId,
// traceInfo
}) {
... ... @@ -1034,7 +1048,7 @@ function normalClickTypePoint({
sceneId: sceneId,
itemId: itemId,
subSceneId,
cnsTraceId,
cnsTraceId
} : {}
const pageName = newsType == '8'
? 'articleDetailPage'
... ... @@ -1042,39 +1056,26 @@ function normalClickTypePoint({
'atlas_detail_page' : newsType == '10' ?
'operation_page' : newsType == '1' ?
'video_detail_page' : newsType == '2' ?
'live_detail_page' : ''
'live_detail_page' : newsType == '13' ?
'audioTextPage' : ''
console.log({
action: 'detailPageShow',
pageName: pageName,
audio_positive_pybk: pageId || pageName,
duration,
contentClassify,
contentId: newsId,
contentStyle: appstyle,
contentName: newsTitle,
contentType: Number(newsType),
channelSourceId: channelId,
contentShowChannelId: channelId,
...traceOptions
clickButtonName: 'vote_submit',
pageName,
pageId: pageName,
voteOption,
voteContent,
})
try {
sendNative(
'jsCall_h5TrackingEvent',
{
eventId: 'content_click',
eventId: 'name_click',
parameters: {
action: 'detailPageShow',
pageName: pageName,
audio_positive_pybk: pageId || pageName,
duration,
contentClassify,
contentId: newsId,
contentStyle: appstyle,
contentName: newsTitle,
contentType: Number(newsType),
channelSourceId: channelId,
contentShowChannelId: channelId,
...traceOptions
clickButtonName: 'vote_submit',
pageName,
pageId: pageName,
voteOption,
voteContent,
}
}
)
... ... @@ -1149,7 +1150,7 @@ function handleMediaSrc(src) {
return src
}
function getTextWidth(str, cssObject) {
function getTextWidth(str, cssObject, type = 'width') {
let width = 0
const elememt = document.createElement('span')
elememt.innerText = str
... ... @@ -1159,7 +1160,7 @@ function getTextWidth(str, cssObject) {
document.querySelector('#hidden').append(elememt)
width = elememt.getBoundingClientRect().width
width = elememt.getBoundingClientRect()[type]
document.querySelector('#hidden').removeChild(elememt)
... ... @@ -1170,17 +1171,18 @@ function htmlDecode(str) {
var s = ''
if (!str || str.length == 0) return ''
try {
s = str.replace(/&gt;/g, '>')
s = s.replace(/&lt;/g, '<')
s = s.replace(/&nbsp;/g, ' ')
s = s.replace(/&#39;/g, '\'')
// s = str.replace(/&gt;/g, '>')
// s = s.replace(/&lt;/g, '<')
// s = s.replace(/&nbsp;/g, ' ')
// s = str.replace(/<.*?on\w+=(['"])(.*?)\1.*?>/g, '')
s = str.replace(/&#39;/g, '\'')
// s = s.replace(/&quot;/g, '"')
s = s.replace(/&ldquo;/g, '\“')
s = s.replace(/&rdquo;/g, '\”')
s = s.replace(/&ndash;/g, '–')
s = s.replace(/&mdash;/g, '—')
s = s.replace(/&amp;/g, '&')
s = s.replace(/<br>/g, '\n')
// s = s.replace(/<br>|<br\/>/g, '')
} catch (err) {
s = str
}
... ... @@ -1195,7 +1197,7 @@ function clearEmptyPel() {
const childList = pEl[i].childNodes
if (childList.length === 0 || (childList.length === 1 && childList[0].nodeType === 3)) {
if (childList.length > 0 ) {
if (childList.length > 0) {
const text = childList[0].textContent
if (!text.trim()) {
... ... @@ -1283,10 +1285,55 @@ function Base64() {
}
}
function getFileSuffix(url = '') {
url = getVideoFileUrl(url)
const index = url.lastIndexOf('.')
return index > 0 ?
`${url.substring(index).split('?')[0]}`.split('.')[1]
:
''
}
// 1 图片 2 视频
function handleImageSrc(src, type = 1) {
if (!src) return ''
let fileSuffix = ''
try {
fileSuffix = getFileSuffix(src)
} catch (e) {
}
const hasGif = fileSuffix
? fileSuffix.toLowerCase() === 'gif'
: (src.includes('.gif') || src.includes('.GIF'))
if (
src.includes('rmrbcmsonline.peopleapp.com') &&
!hasGif
) {
if (type === 1) {
return `${src.split('?')[0]}?x-oss-process=image/resize,w_700/quality,q_90/format,jpg`
} else if (type === 2) {
try {
if ([ 'mp4', 'swf', 'rmvb', 'avi', 'flv', 'mpg', 'rm', 'mov', 'asf', '3gp', 'mkv', 'ts', 'f4v', 'webm', 'm4v', '3g2', 'm3u8' ].includes(
fileSuffix.toLowerCase()
)) {
return src
}
if ([ 'bmp', 'png', 'gif', 'jpg', 'jpeg', 'psd', 'tif' ].includes(fileSuffix.toLowerCase())) {
return `${src.split('?')[0]}?x-oss-process=style/w10`
}
} catch (e) {
}
}
}
return src
}
// 内容类型 1:点播,2:直播,3:活动,4:广告,5:专题,6:链接,7:榜单,8:图文,9:组图,10:H5新闻,11:频道,12:组件,13:音频,14动态图文,15动态视频
// 专题(21:文章专题,22:音频专题,23:直播专题,24:话题专题,25:早晚报专题,26:时间轴专题)
function jumpAppInnerFun(record) {
console.log(record)
function jumpAppInnerFun(record, url) {
try {
if (record.contentType == 1) {
sendNative(
... ... @@ -1334,7 +1381,8 @@ function jumpAppInnerFun(record) {
sendNative(
'jsCall_appInnerLinkMethod',
{
appInnerLink: `rmrbapp://rmrb.app/openwith?type=topic&subType=h5&pageId=${record.pageId}&url=${encodeURIComponent(record.innerUrl)}&skipType=1`
appInnerLink: `rmrbapp://rmrb.app/openwith?type=topic&subType=h5&pageId=${record.pageId}&url=${encodeURIComponent(
record.innerUrl)}&skipType=1`
}
)
} else if (record.contentType == 22) {
... ...