developOne / harmonyPool

Go to a project
Toggle navigation Toggle navigation pinning
王士厅
49bc72db 2 parents b2eb5c44 fe441abd

Merge branch 'main' of http://192.168.1.42/developOne/harmonyPool

Inline Side-by-side
Showing 52 changed files with 1543 additions and 375 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 52 of 52+ files are displayed.

... ... @@ -81,7 +81,7 @@ export class WindowModel {
setWindowKeepScreenOn(isKeepScreenOn: boolean) {
this.windowStage?.getMainWindow((err, windowClass: window.Window) => {
windowClass.setWindowKeepScreenOn(isKeepScreenOn, (err: BusinessError) => {
windowClass?.setWindowKeepScreenOn(isKeepScreenOn, (err: BusinessError) => {
const errCode: number = err.code;
if (errCode) {
console.error(WindowModel.TAG + '设置屏幕常亮：' + isKeepScreenOn + '，失败: ' + JSON.stringify(err));
... ...
... ... @@ -155,9 +155,15 @@ function buildErrorMsg(httpStatus: number): string {
case HttpStatusCode.HttpVersionNotSupported:
message = "HTTP版本不受支持(505)";
break;
default:
// 网络连接故障
message = `连接出错(${httpStatus})!`;
default:{
// 网络连接故障
if(httpStatus != undefined){
message = `连接出错(${httpStatus})!`;
}else{
message = `连接出错!`;
}
}
}
return message;
}
... ...
... ... @@ -245,7 +245,6 @@ export class HttpUrlUtils {
* pageSize=20&pageNum=1&topicId=10000009445
* */
static readonly MORNING_EVENING_PAGE_INFO_PATH: string = "/api/rmrb-bff-display-zh/display/zh/c/pageInfo";
static readonly MORNING_EVENING_COMP_INFO_PATH: string = "/api/rmrb-bff-display-zh/display/zh/c/compInfo";
/**
* 直播回顾
* */
... ...
... ... @@ -48,7 +48,8 @@ export struct WdWebLocalComponent {
Row() {
RelativeContainer() {
Web({ src: this.webResource, controller: this.webviewControl })
// Web({ src: this.webResource, controller: this.webviewControl, renderMode: RenderMode.SYNC_RENDER })
Web({ src: this.webResource, controller: this.webviewControl})
.domStorageAccess(true)
.databaseAccess(true)
.javaScriptAccess(true)
... ... @@ -56,6 +57,8 @@ export struct WdWebLocalComponent {
.mixedMode(MixedMode.All)
.onlineImageAccess(true)
.enableNativeEmbedMode(true)
// .layoutMode(WebLayoutMode.FIT_CONTENT)
// .nestedScroll({ scrollForward: NestedScrollMode.SELF_FIRST, scrollBackward: NestedScrollMode.PARENT_FIRST })
.height(this.webHeight)
.onPageBegin((event) => {
this.onPageBegin(event?.url);
... ...
import { AccountManagerUtils, Logger, DateTimeUtils, SPHelper, NumberFormatterUtils, DisplayUtils } from 'wdKit';
import { AccountManagerUtils, Logger, DateTimeUtils, SPHelper, NumberFormatterUtils, DisplayUtils,
NetworkUtil } from 'wdKit';
import { MultiPictureDetailViewModel } from '../viewmodel/MultiPictureDetailViewModel';
import { ContentDetailDTO,postBatchAttentionStatusParams,
PhotoListBean,
... ... @@ -27,6 +28,8 @@ import { CardMediaInfo } from '../components/cardCommon/CardMediaInfo'
import router from '@ohos.router';
import { publishCommentModel } from './comment/model/PublishCommentModel';
import { CommentComponent } from './comment/view/CommentComponent';
import { EmptyComponent } from './view/EmptyComponent';
import { detailedSkeleton } from './skeleton/detailSkeleton';
const TAG = 'DynamicDetailComponent'
const PATTERN_DATE_CN_RN: string = 'yyyy年MM月dd日 HH:mm';
... ... @@ -55,6 +58,8 @@ export struct DynamicDetailComponent {
private mJumpInfo: ContentDTO = {} as ContentDTO;
@State publishTime: string = ''
@State isNetConnected: boolean = true
@State isPageEnd: boolean = false
async aboutToAppear() {
... ... @@ -89,328 +94,342 @@ export struct DynamicDetailComponent {
.height($r('app.float.margin_7'))
.padding({left: $r('app.float.margin_16'), right: $r('app.float.margin_16')} )
Stack({ alignContent: Alignment.Bottom }) {
Scroll(this.scroller) {
Column() {
//号主信息
Row() {
//头像
Stack() {
Image(this.contentDetailData.rmhInfo?.rmhHeadUrl)
.alt(this.contentDetailData.rmhInfo?.userType=='1'?$r('app.media.default_head'):$r('app.media.icon_default_head_mater'))
.width($r('app.float.margin_32'))
.height($r('app.float.margin_32'))
.objectFit(ImageFit.Cover)
.borderRadius($r('app.float.margin_16'))
Image(this.contentDetailData.rmhInfo?.honoraryIcon)
.width($r('app.float.margin_48'))
.height($r('app.float.margin_48'))
.objectFit(ImageFit.Cover)
.borderRadius($r('app.float.margin_24'))
if(!StringUtils.isEmpty(this.contentDetailData.rmhInfo?.authIcon)){
if (!this.isNetConnected) {
EmptyComponent({
emptyType: 1,
emptyButton: true,
retry: () => {
this.getContentDetailData()
}
}).padding({ bottom: 200 })
} else {
if (!this.isPageEnd) {
detailedSkeleton()
}else{
Scroll(this.scroller) {
Column() {
//号主信息
Row() {
//头像
Stack() {
Image(this.contentDetailData.rmhInfo?.authIcon)
.width($r('app.float.vp_12'))
.height($r('app.float.vp_12'))
Image(this.contentDetailData.rmhInfo?.rmhHeadUrl)
.alt(this.contentDetailData.rmhInfo?.userType=='1'?$r('app.media.default_head'):$r('app.media.icon_default_head_mater'))
.width($r('app.float.margin_32'))
.height($r('app.float.margin_32'))
.objectFit(ImageFit.Cover)
.borderRadius($r('app.float.margin_16'))
Image(this.contentDetailData.rmhInfo?.honoraryIcon)
.width($r('app.float.margin_48'))
.height($r('app.float.margin_48'))
.objectFit(ImageFit.Cover)
.borderRadius($r('app.float.margin_24'))
if(!StringUtils.isEmpty(this.contentDetailData.rmhInfo?.authIcon)){
Stack() {
Image(this.contentDetailData.rmhInfo?.authIcon)
.width($r('app.float.vp_12'))
.height($r('app.float.vp_12'))
.objectFit(ImageFit.Cover)
}
.width($r('app.float.margin_48'))
.height($r('app.float.margin_48'))
.alignContent(Alignment.BottomEnd)
}
}
.width($r('app.float.margin_48'))
.height($r('app.float.margin_48'))
.alignContent(Alignment.BottomEnd)
.alignContent(Alignment.Center)
.onClick(() => {
ProcessUtils.gotoPeopleShipHomePage(this.contentDetailData.rmhInfo == null ?"":this.contentDetailData.rmhInfo.rmhId)
})
Column(){
//昵称
Text(this.contentDetailData.rmhInfo?.rmhName)
.fontSize($r('app.float.font_size_14'))
.fontColor($r('app.color.color_222222'))
.fontWeight(FontWeight.Medium)
.margin({ left: $r('app.float.margin_5') })
.alignSelf(ItemAlign.Start)
//简介
Text(this.contentDetailData.rmhInfo?.rmhDesc)
.fontSize($r('app.float.font_size_14'))
.fontColor($r('app.color.color_B0B0B0'))
.fontWeight(FontWeight.Medium)
.maxLines(1)
.textOverflow({ overflow: TextOverflow.Ellipsis })
.margin({ left: $r('app.float.margin_5') })
.alignSelf(ItemAlign.Start)
}
.width('63%')
.margin({right: $r('app.float.margin_6')})
if(!StringUtils.isEmpty(this.followStatus)){
if (this.followStatus == '0') {
Row() {
Blank().layoutWeight(1)
Image($r('app.media.icon_add_attention'))
.width($r('app.float.vp_12'))
.height($r('app.float.vp_12'))
.margin({right:2})
Text('关注')
.textAlign(TextAlign.Center)
.fontSize($r('app.float.font_size_12'))
.fontColor($r('app.color.color_fff'))
Blank().layoutWeight(1)
}
.width($r('app.float.margin_54'))
.height($r('app.float.margin_24'))
.borderRadius($r('app.float.vp_3'))
.backgroundColor($r('app.color.color_ED2800'))
.onClick(() => {
this.handleAccention()
})
} else {
Text('已关注')
.width($r('app.float.margin_54'))
.height($r('app.float.margin_24'))
.borderWidth(1)
.textAlign(TextAlign.Center)
.fontSize($r('app.float.font_size_12'))
.borderRadius($r('app.float.vp_3'))
.borderColor($r('app.color.color_CCCCCC_1A'))
.backgroundColor($r('app.color.color_CCCCCC_1A'))
.fontColor($r('app.color.color_CCCCCC'))
.onClick(() => {
this.handleAccention()
})
}
}
}
}
.width($r('app.float.margin_48'))
.height($r('app.float.margin_48'))
.alignContent(Alignment.Center)
.onClick(() => {
ProcessUtils.gotoPeopleShipHomePage(this.contentDetailData.rmhInfo == null ?"":this.contentDetailData.rmhInfo.rmhId)
})
Column(){
//昵称
Text(this.contentDetailData.rmhInfo?.rmhName)
.fontSize($r('app.float.font_size_14'))
.width('100%')
.margin({ left: $r('app.float.margin_16')})
//内容
Text(StringUtils.isEmpty(this.contentDetailData.newsContent)
?StringUtils.isEmpty(this.contentDetailData.newsSummary)
?this.contentDetailData.newsTitle
:this.contentDetailData.newsSummary
:this.contentDetailData.newsContent)
.fontColor($r('app.color.color_222222'))
.fontWeight(FontWeight.Medium)
.margin({ left: $r('app.float.margin_5') })
.fontSize($r('app.float.font_size_18'))
.lineHeight($r('app.float.margin_25'))
.margin({ top: $r('app.float.margin_6')
,left: $r('app.float.margin_16')
,right: $r('app.float.margin_16') })
.alignSelf(ItemAlign.Start)
//简介
Text(this.contentDetailData.rmhInfo?.rmhDesc)
.fontSize($r('app.float.font_size_14'))
.fontColor($r('app.color.color_B0B0B0'))
.fontWeight(FontWeight.Medium)
.maxLines(1)
.textOverflow({ overflow: TextOverflow.Ellipsis })
.margin({ left: $r('app.float.margin_5') })
.alignSelf(ItemAlign.Start)
}
.width('63%')
.margin({right: $r('app.float.margin_6')})
if(!StringUtils.isEmpty(this.followStatus)){
if (this.followStatus == '0') {
Row() {
Blank().layoutWeight(1)
Image($r('app.media.icon_add_attention'))
.width($r('app.float.vp_12'))
.height($r('app.float.vp_12'))
.margin({right:2})
Text('关注')
.textAlign(TextAlign.Center)
.fontSize($r('app.float.font_size_12'))
.fontColor($r('app.color.color_fff'))
Blank().layoutWeight(1)
}
.width($r('app.float.margin_54'))
.height($r('app.float.margin_24'))
.borderRadius($r('app.float.vp_3'))
.backgroundColor($r('app.color.color_ED2800'))
.onClick(() => {
this.handleAccention()
})
} else {
Text('已关注')
.width($r('app.float.margin_54'))
.height($r('app.float.margin_24'))
.borderWidth(1)
.textAlign(TextAlign.Center)
.fontSize($r('app.float.font_size_12'))
.borderRadius($r('app.float.vp_3'))
.borderColor($r('app.color.color_CCCCCC_1A'))
.backgroundColor($r('app.color.color_CCCCCC_1A'))
.fontColor($r('app.color.color_CCCCCC'))
.onClick(() => {
this.handleAccention()
})
}
}
}
.width('100%')
.margin({ left: $r('app.float.margin_16')})
//内容
Text(StringUtils.isEmpty(this.contentDetailData.newsContent)
?StringUtils.isEmpty(this.contentDetailData.newsSummary)
?this.contentDetailData.newsTitle
:this.contentDetailData.newsSummary
:this.contentDetailData.newsContent)
.fontColor($r('app.color.color_222222'))
.fontSize($r('app.float.font_size_18'))
.lineHeight($r('app.float.margin_25'))
.margin({ top: $r('app.float.margin_6')
,left: $r('app.float.margin_16')
,right: $r('app.float.margin_16') })
.alignSelf(ItemAlign.Start)
if(this.contentDetailData.newsType+"" == ContentConstants.TYPE_FOURTEEN){
//附件内容：图片/视频
if(this.contentDetailData.photoList!= null && this.contentDetailData.photoList.length>0){
// 图片-从无图到9图展示
GridRow({
gutter: { x: 2, y: 2 }
}) {
ForEach(this.contentDetailData.photoList, (item: PhotoListBean, index: number) => {
if (this.contentDetailData.photoList.length === 1) {
if (this.getPicType(item) !== 3) {
GridCol({
span: this.getPicType(item) === 1 ? 12 : 8
}){
Stack({
alignContent: Alignment.BottomEnd
}) {
if (this.getPicType(item) === 1) {
if(this.contentDetailData.newsType+"" == ContentConstants.TYPE_FOURTEEN){
//附件内容：图片/视频
if(this.contentDetailData.photoList!= null && this.contentDetailData.photoList.length>0){
// 图片-从无图到9图展示
GridRow({
gutter: { x: 2, y: 2 }
}) {
ForEach(this.contentDetailData.photoList, (item: PhotoListBean, index: number) => {
if (this.contentDetailData.photoList.length === 1) {
if (this.getPicType(item) !== 3) {
GridCol({
span: this.getPicType(item) === 1 ? 12 : 8
}){
Stack({
alignContent: Alignment.BottomEnd
}) {
if (this.getPicType(item) === 1) {
Image(item.picPath)
.width('100%')
.height(172)
.autoResize(true)
.borderRadius(this.caclImageRadius(index))
} else if (this.getPicType(item) === 2) {
Image(item.picPath)
.width('100%')
.height(305)
.autoResize(true)
.borderRadius(this.caclImageRadius(index))
}
Flex({ direction: FlexDirection.Row }) {
Image($r('app.media.icon_long_pic'))
.width(14)
.height(14)
.margin({right: 4})
Text('长图')
.fontSize(12)
.fontWeight(400)
.fontColor(0xffffff)
.fontFamily('PingFang SC')
}
.width(48)
.padding({bottom: 9})
}
}
.onClick((event: ClickEvent) => {
ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
})
} else {
GridCol({
span: { xs: 8 }
}) {
Image(item.picPath)
.width('100%')
.height(172)
.autoResize(true)
.borderRadius(this.caclImageRadius(index))
} else if (this.getPicType(item) === 2) {
Image(item.picPath)
.width('100%')
.height(305)
.autoResize(true)
.borderRadius(this.caclImageRadius(index))
.opacity(!item.width && !item.height ? 0 : 1)
.onComplete(callback => {
item.width = callback?.width || 0;
item.height = callback?.height || 0;
})
}
Flex({ direction: FlexDirection.Row }) {
Image($r('app.media.icon_long_pic'))
.width(14)
.height(14)
.margin({right: 4})
Text('长图')
.fontSize(12)
.fontWeight(400)
.fontColor(0xffffff)
.fontFamily('PingFang SC')
}
.width(48)
.padding({bottom: 9})
.onClick((event: ClickEvent) => {
ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
})
}
} else if (this.contentDetailData.photoList.length === 4) {
GridCol({
span: { xs: 4 }
}) {
Image(item.picPath)
.aspectRatio(1)
.borderRadius(this.caclImageRadius(index))
}
.onClick((event: ClickEvent) => {
ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
})
} else {
GridCol({
span: { sm: 4, lg: 3 }
}) {
Image(item.picPath)
.aspectRatio(1)
.borderRadius(this.caclImageRadius(index))
}
.onClick((event: ClickEvent) => {
ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
})
}
})
}
.margin({ left: $r('app.float.margin_16'),right: $r('app.float.margin_16'),top: $r('app.float.margin_8')})
}
}else{
if(this.contentDetailData.videoInfo!= null && this.contentDetailData.videoInfo.length>0){
GridRow() {
if (this.contentDetailData.videoInfo[0].videoLandScape === 1) {
// 横屏
GridCol({
span: { xs: 12 }
}) {
Stack() {
Image(this.contentDetailData.fullColumnImgUrls!= null && this.contentDetailData.fullColumnImgUrls.length>0&&!StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url)?
this.contentDetailData.fullColumnImgUrls[0].url:
this.contentDetailData.videoInfo[0].firstFrameImageUri)
.width(DisplayUtils.getDeviceWidth()- 32)
.height((DisplayUtils.getDeviceWidth()-32)* 9 / 16)
.borderRadius($r('app.float.image_border_radius'))
CardMediaInfo({ contentDTO: this.mJumpInfo })
}
.align(Alignment.BottomEnd)
}
.onClick((event: ClickEvent) => {
ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
})
} else {
// 竖图显示，宽度占50%，高度自适应
GridCol({
span: { xs: 8 }
span: { xs: 6 }
}) {
Image(item.picPath)
.width('100%')
.borderRadius(this.caclImageRadius(index))
.autoResize(true)
.opacity(!item.width && !item.height ? 0 : 1)
.onComplete(callback => {
item.width = callback?.width || 0;
item.height = callback?.height || 0;
})
Stack() {
Image(this.contentDetailData.fullColumnImgUrls!= null && this.contentDetailData.fullColumnImgUrls.length>0&&!StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url)?
this.contentDetailData.fullColumnImgUrls[0].url:
this.contentDetailData.videoInfo[0].firstFrameImageUri)
.width(DisplayUtils.getDeviceWidth()/2)
.height(DisplayUtils.getDeviceWidth()/2* 4 / 3)
.borderRadius($r('app.float.image_border_radius'))
CardMediaInfo({ contentDTO: this.mJumpInfo })
}
.align(Alignment.BottomEnd)
}
.onClick((event: ClickEvent) => {
ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
})
}
} else if (this.contentDetailData.photoList.length === 4) {
GridCol({
span: { xs: 4 }
}) {
Image(item.picPath)
.aspectRatio(1)
.borderRadius(this.caclImageRadius(index))
}
.onClick((event: ClickEvent) => {
ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
})
} else {
GridCol({
span: { sm: 4, lg: 3 }
}) {
Image(item.picPath)
.aspectRatio(1)
.borderRadius(this.caclImageRadius(index))
}
.onClick((event: ClickEvent) => {
ProcessUtils.gotoMultiPictureListPage(this.contentDetailData.photoList,index)
})
}
})
.padding({ left: this.contentDetailData.videoInfo[0].videoLandScape === 1?0: 25,top: $r('app.float.margin_8')})
.onClick((event: ClickEvent) => {
ProcessUtils.processPage(this.mJumpInfo)
})
}
}
.margin({ left: $r('app.float.margin_16'),right: $r('app.float.margin_16'),top: $r('app.float.margin_8')})
}
}else{
if(this.contentDetailData.videoInfo!= null && this.contentDetailData.videoInfo.length>0){
GridRow() {
if (this.contentDetailData.videoInfo[0].videoLandScape === 1) {
// 横屏
GridCol({
span: { xs: 12 }
}) {
Stack() {
Image(this.contentDetailData.fullColumnImgUrls!= null && this.contentDetailData.fullColumnImgUrls.length>0&&!StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url)?
this.contentDetailData.fullColumnImgUrls[0].url:
this.contentDetailData.videoInfo[0].firstFrameImageUri)
.width(DisplayUtils.getDeviceWidth()- 32)
.height((DisplayUtils.getDeviceWidth()-32)* 9 / 16)
.borderRadius($r('app.float.image_border_radius'))
CardMediaInfo({ contentDTO: this.mJumpInfo })
}
.align(Alignment.BottomEnd)
}
} else {
// 竖图显示，宽度占50%，高度自适应
GridCol({
span: { xs: 6 }
}) {
Stack() {
Image(this.contentDetailData.fullColumnImgUrls!= null && this.contentDetailData.fullColumnImgUrls.length>0&&!StringUtils.isEmpty(this.contentDetailData.fullColumnImgUrls[0].url)?
this.contentDetailData.fullColumnImgUrls[0].url:
this.contentDetailData.videoInfo[0].firstFrameImageUri)
.width(DisplayUtils.getDeviceWidth()/2)
.height(DisplayUtils.getDeviceWidth()/2* 4 / 3)
.borderRadius($r('app.float.image_border_radius'))
CardMediaInfo({ contentDTO: this.mJumpInfo })
}
.align(Alignment.BottomEnd)
}
//特别声明
Text("特别声明：本文为人民日报新媒体平台“人民号”作者上传并发布，仅代表作者观点。人民日报仅提供信息发布平台。")
.fontColor($r('app.color.color_CCCCCC'))
.fontSize($r('app.float.font_size_12'))
.lineHeight($r('app.float.margin_16'))
.margin({ top: $r('app.float.margin_16')
,left: $r('app.float.vp_12')
,right: $r('app.float.vp_12') })
//微信/朋友圈/微博
// Row(){
// Image($r('app.media.xxhdpi_pic_wechat'))
// .width($r('app.float.margin_116'))
// .height($r('app.float.margin_36'))
// .objectFit(ImageFit.Cover)
// Image($r('app.media.xxhdpi_pic_pyq'))
// .width($r('app.float.margin_116'))
// .height($r('app.float.margin_36'))
// .margin({ left: $r('app.float.margin_4_negative')})
// .objectFit(ImageFit.Cover)
// Image($r('app.media.xxhdpi_pic_wb'))
// .width($r('app.float.margin_116'))
// .height($r('app.float.margin_36'))
// .margin({ left: $r('app.float.margin_4_negative')})
// .objectFit(ImageFit.Cover)
// }
// .margin({ top: $r('app.float.margin_24')})
//点赞
Row(){
Blank().layoutWeight(1)
Image(this.newsStatusOfUser?.likeStatus == '1'?
$r('app.media.icon_like_selected_redheart')
:$r('app.media.icon_like_unselect_grey_redheart'))
.width($r('app.float.margin_36'))
.height($r('app.float.margin_36'))
.objectFit(ImageFit.Cover)
.margin({ left: $r('app.float.margin_6_negative'),right: $r('app.float.margin_6_negative')})
if(this.interactDataDTO?.likeNum != 0){
Text(NumberFormatterUtils.formatNumberWithWan(this.interactDataDTO?.likeNum))
.fontColor($r('app.color.color_999999'))
.fontSize($r('app.float.font_size_16'))
.lineHeight($r('app.float.margin_20'))
.margin({ left: $r('app.float.margin_2')})
}
Blank().layoutWeight(1)
}
.padding({ left: this.contentDetailData.videoInfo[0].videoLandScape === 1?0: 25,top: $r('app.float.margin_8')})
.width($r('app.float.margin_154'))
.height($r('app.float.margin_40'))
.margin({top:$r('app.float.margin_16')})
.borderWidth($r('app.float.margin_1'))
.borderColor($r('app.color.color_EDEDED'))
.borderRadius($r('app.float.margin_20'))
.onClick((event: ClickEvent) => {
ProcessUtils.processPage(this.mJumpInfo)
//点赞操作
this.toggleLikeStatus()
})
// 评论
if (this.contentDetailData?.openComment) {
Divider().strokeWidth(6).color('#f5f5f5').margin({top:$r('app.float.margin_24')})
CommentComponent({
publishCommentModel: {
targetId: String(this.contentDetailData?.newsId || ''),
targetRelId: this.contentDetailData?.reLInfo?.relId,
targetTitle: this.contentDetailData?.newsTitle,
targetRelType: this.contentDetailData?.reLInfo?.relType,
targetRelObjectId: String(this.contentDetailData?.reLInfo?.relObjectId),
keyArticle: String(this.contentDetailData?.keyArticle),
targetType: String(this.contentDetailData?.newsType),
} as publishCommentModel
})
}
Blank().layoutWeight(1)
}
}
//特别声明
Text("特别声明：本文为人民日报新媒体平台“人民号”作者上传并发布，仅代表作者观点。人民日报仅提供信息发布平台。")
.fontColor($r('app.color.color_CCCCCC'))
.fontSize($r('app.float.font_size_12'))
.lineHeight($r('app.float.margin_16'))
.margin({ top: $r('app.float.margin_16')
,left: $r('app.float.vp_12')
,right: $r('app.float.vp_12') })
//微信/朋友圈/微博
// Row(){
// Image($r('app.media.xxhdpi_pic_wechat'))
// .width($r('app.float.margin_116'))
// .height($r('app.float.margin_36'))
// .objectFit(ImageFit.Cover)
// Image($r('app.media.xxhdpi_pic_pyq'))
// .width($r('app.float.margin_116'))
// .height($r('app.float.margin_36'))
// .margin({ left: $r('app.float.margin_4_negative')})
// .objectFit(ImageFit.Cover)
// Image($r('app.media.xxhdpi_pic_wb'))
// .width($r('app.float.margin_116'))
// .height($r('app.float.margin_36'))
// .margin({ left: $r('app.float.margin_4_negative')})
// .objectFit(ImageFit.Cover)
// }
// .margin({ top: $r('app.float.margin_24')})
//点赞
Row(){
Blank().layoutWeight(1)
Image(this.newsStatusOfUser?.likeStatus == '1'?
$r('app.media.icon_like_selected_redheart')
:$r('app.media.icon_like_unselect_grey_redheart'))
.width($r('app.float.margin_36'))
.height($r('app.float.margin_36'))
.objectFit(ImageFit.Cover)
.margin({ left: $r('app.float.margin_6_negative'),right: $r('app.float.margin_6_negative')})
if(this.interactDataDTO?.likeNum != 0){
Text(NumberFormatterUtils.formatNumberWithWan(this.interactDataDTO?.likeNum))
.fontColor($r('app.color.color_999999'))
.fontSize($r('app.float.font_size_16'))
.lineHeight($r('app.float.margin_20'))
.margin({ left: $r('app.float.margin_2')})
}
Blank().layoutWeight(1)
}
.width($r('app.float.margin_154'))
.height($r('app.float.margin_40'))
.margin({top:$r('app.float.margin_16')})
.borderWidth($r('app.float.margin_1'))
.borderColor($r('app.color.color_EDEDED'))
.borderRadius($r('app.float.margin_20'))
.onClick((event: ClickEvent) => {
//点赞操作
this.toggleLikeStatus()
})
// 评论
if (this.contentDetailData?.openComment) {
Divider().strokeWidth(6).color('#f5f5f5').margin({top:$r('app.float.margin_24')})
CommentComponent({
publishCommentModel: {
targetId: String(this.contentDetailData?.newsId || ''),
targetRelId: this.contentDetailData?.reLInfo?.relId,
targetTitle: this.contentDetailData?.newsTitle,
targetRelType: this.contentDetailData?.reLInfo?.relType,
targetRelObjectId: String(this.contentDetailData?.reLInfo?.relObjectId),
keyArticle: String(this.contentDetailData?.keyArticle),
targetType: String(this.contentDetailData?.newsType),
} as publishCommentModel
})
}
Blank().layoutWeight(1)
.width(CommonConstants.FULL_WIDTH)
.height(CommonConstants.FULL_HEIGHT)
.padding({ bottom: 76 })
.scrollBar(BarState.Off)
.alignSelf(ItemAlign.Start)
}
}
.width(CommonConstants.FULL_WIDTH)
.height(CommonConstants.FULL_HEIGHT)
.padding({ bottom: 76 })
.scrollBar(BarState.Off)
.alignSelf(ItemAlign.Start)
//底部交互区
OperRowListView({ contentDetailData: this.contentDetailData
,interactData:this.interactDataDTO
... ... @@ -436,8 +455,10 @@ export struct DynamicDetailComponent {
* 请求（动态）详情页数据
* */
private async getContentDetailData() {
this.isNetConnected = NetworkUtil.isNetConnected()
try {
let data = await MultiPictureDetailViewModel.getDetailData(this.relId, this.contentId, this.relType)
this.isPageEnd = true;
this.contentDetailData = data[0];
let dateTime =
DateTimeUtils.parseDate(this.contentDetailData?.publishTime, DateTimeUtils.PATTERN_DATE_TIME_HYPHEN);
... ... @@ -446,6 +467,7 @@ export struct DynamicDetailComponent {
console.log('动态详情',JSON.stringify(this.contentDetailData))
} catch (exception) {
console.log('请求失败',JSON.stringify(exception))
this.isPageEnd = true;
}
this.getBatchAttentionStatus()
this.getInteractDataStatus()
... ...
... ... @@ -67,7 +67,6 @@ export struct ImageAndTextPageComponent {
.padding({ left: 15, right: 15, })
.justifyContent(FlexAlign.SpaceBetween)
.alignItems(VerticalAlign.Bottom)
.backgroundColor(Color.White)
Row() {
Image($r('app.media.line'))
... ... @@ -87,9 +86,10 @@ export struct ImageAndTextPageComponent {
action: this.action,
isPageEnd: $isPageEnd
})
.padding({bottom:10})
Column() {
// 点赞
if (this.contentDetailData[0]?.openLikes) {
if (this.contentDetailData[0]?.openLikes && this.contentDetailData[0]?.likesStyle !== 4) {
Row() {
Row() {
if (this.newsStatusOfUser?.likeStatus === '1') {
... ... @@ -107,15 +107,15 @@ export struct ImageAndTextPageComponent {
.height(24)
.margin({ right: 5 })
}
if (this.interactData?.likeNum != 0) {
if (this.interactData?.likeNum > 0) {
Text(NumberFormatterUtils.formatNumberWithWan(this.interactData?.likeNum))
.fontSize(16)
.fontColor(this.newsStatusOfUser?.likeStatus === '1' ? '#ED2800' : '#999999')
.fontWeight(500)
}
}
.width(140)
.height(36)
.width(154)
.height(40)
.justifyContent(FlexAlign.Center)
.alignItems(VerticalAlign.Center)
.borderRadius(20)
... ... @@ -127,7 +127,8 @@ export struct ImageAndTextPageComponent {
this.toggleLikeStatus()
})
}.width(CommonConstants.FULL_WIDTH).height(80)
}.width(CommonConstants.FULL_WIDTH)
.padding({top:14,bottom:24})
.justifyContent(FlexAlign.Center)
}
if (this.recommendList.length > 0) {
... ... @@ -179,6 +180,7 @@ export struct ImageAndTextPageComponent {
}
.width(CommonConstants.FULL_WIDTH)
.height(CommonConstants.FULL_HEIGHT)
.backgroundColor(Color.White)
}
private async getDetail() {
... ...
... ... @@ -13,12 +13,9 @@ import { image } from '@kit.ImageKit';
import { getPicture, imageNet2PixelMap } from '../../utils/ImageUtils';
import { effectKit } from '@kit.ArkGraphics2D';
import { window } from '@kit.ArkUI';
import DailyPaperTopicModel from '../../model/DailyPaperTopicModel'
const TAG = 'MorningEveningPaperComponent';
const PATTERN_DATE_CN_RN: string = 'yyyy年\nMM月dd日'; // 日期中包含包含中文年月日
@Entry
@Component
export struct MorningEveningPaperComponent {
... ... @@ -102,21 +99,16 @@ export struct MorningEveningPaperComponent {
async aboutToAppear() {
let windowHight: window.Window = await window.getLastWindow(getContext(this));
await windowHight.setWindowLayoutFullScreen(true);
WindowModel.shared.setWindowSystemBarProperties({ statusBarContentColor: '#ffffff', })
// await windowHight.setWindowLayoutFullScreen(true);
// WindowModel.shared.setWindowSystemBarProperties({ statusBarContentColor: '#ffffff', })
this.topSafeHeight = px2vp(windowHight.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).topRect.height)
let dailyPaperTopicPageId = await SPHelper.default.getSync('dailyPaperTopicPageId', "") as String
const dailyPaperTopicPageId = await SPHelper.default.getSync('dailyPaperTopicPageId', "") as String
console.info(TAG, `aboutToAppear = ` + dailyPaperTopicPageId)
const currentTime = new Date().getTime()
Logger.info(TAG, "currentTime = " + currentTime)
Logger.info(TAG, `currentTime = ${currentTime}`)
try {
let dailyPaperTopicBean = await DailyPaperTopicModel.getDailyPaperTopic()
if (dailyPaperTopicBean) {
dailyPaperTopicPageId = '' + dailyPaperTopicBean.id
Logger.info(TAG, "pageID = " + dailyPaperTopicPageId)
}
// let pageInfoBean = await MorningEveningViewModel.getMorningEveningPageInfo("" + this.dailyPaperTopicPageId)
let pageInfoBean = await MorningEveningViewModel.getMorningEveningPageInfo("" + dailyPaperTopicPageId) //"25091"
... ... @@ -157,7 +149,10 @@ export struct MorningEveningPaperComponent {
async setComponentBgColor(imageUrl: string) {
// 图片转换为PixelMap对象
// const pixelMap: image.PixelMap = await image2PixelMap(item.icon);
const imageSource: image.ImageSource | undefined = await getPicture(imageUrl);
Logger.debug(TAG, "compInfoBean compStyle = " + imageUrl)
const imageSource: image.ImageSource | undefined = await getPicture(imageUrl)
if (imageSource) {
this.pickColor(imageSource)
... ... @@ -172,6 +167,8 @@ export struct MorningEveningPaperComponent {
const pixelMap: image.PixelMap = await imageNet2PixelMap(imageSource);
effectKit.createColorPicker(pixelMap, (err, colorPicker) => {
let color = colorPicker.getMainColorSync();
Logger.debug(TAG, "compInfoBean compStyle = " + color)
// 将取色器选取的color示例转换为十六进制颜色代码
this.mixedBgColor = "#" + color.alpha.toString(16) + color.red.toString(16) + color.green.toString(16) + color.blue.toString(16);
Logger.debug(TAG, "compInfoBean compStyle = " + this.mixedBgColor)
... ... @@ -181,9 +178,9 @@ export struct MorningEveningPaperComponent {
}
async aboutToDisappear() {
let windowHight: window.Window = await window.getLastWindow(getContext(this));
await windowHight.setWindowLayoutFullScreen(false);
WindowModel.shared.setWindowSystemBarProperties({ statusBarContentColor: '#000000', })
// let windowHight: window.Window = await window.getLastWindow(getContext(this));
// await windowHight.setWindowLayoutFullScreen(false);
// WindowModel.shared.setWindowSystemBarProperties({ statusBarContentColor: '#000000', })
}
onPageHide() {
... ... @@ -212,25 +209,19 @@ export struct MorningEveningPaperComponent {
})
}
}
// .backgroundColor('#FFF1F3F5')
// .backgroundColor(Color.Blue)
.height('100%')
// .margin({ left: 12, right: 12 })
PaperTitleComponent()// PaperTitleComponent({
// // title: this.morningEveningPaperDTO?.topicInfo?.title ?? "",
// title: this.title ?? "",
// // subtitle: this.morningEveningPaperDTO?.topicInfo?.topicDate ?? ''
// subtitle: this.subTitle
// })
// .margin({ left: 14, right: 14 })
PaperTitleComponent()
}
.width('100%')
.height('100%')
.padding({
top: this.topSafeHeight
})
// .backgroundColor(Color.Black)
// .backgroundColor(this.pageInfoBean?.backgroundColor ?? Color.Black)
.backgroundColor(this.mixedBgColor ?? Color.Black)
.padding({ top: this.topSafeHeight })
}
@Builder
... ...
... ... @@ -38,14 +38,17 @@ export struct Card5Component {
]
})
Row() {
Text(this.contentDTO.newsTitle)
.width(CommonConstants.FULL_WIDTH)
.height(CommonConstants.FULL_HEIGHT)
.fontColor(Color.White)
.fontSize($r('app.float.normal_text_size'))
.fontWeight(FontWeight.Bold)
.maxLines(2)
.align(Alignment.Bottom)
if (this.titleShowPolicy === 1) {
Text(this.contentDTO.newsTitle)
.width(CommonConstants.FULL_WIDTH)
.height(CommonConstants.FULL_HEIGHT)
.fontColor(Color.White)
.fontSize($r('app.float.normal_text_size'))
.fontWeight(FontWeight.Bold)
.maxLines(2)
.align(Alignment.Bottom)
}
}
.justifyContent(FlexAlign.Start)
.height(40)
... ...
import { CompDTO, ContentDTO, Params } from 'wdBean';
import { CompDTO, ContentDTO, Params, Action } from 'wdBean';
import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
import { postInteractAccentionOperateParams } from 'wdBean';
import { PageRepository } from '../../repository/PageRepository';
... ... @@ -16,6 +16,7 @@ const TAG = 'Zh_Single_Row-03'
@Component
export struct ZhSingleRow03 {
@State compDTO: CompDTO = {} as CompDTO
@State isEndEdge: boolean = false;
scroller: Scroller = new Scroller()
format(timeNum: number) {
... ... @@ -23,7 +24,8 @@ export struct ZhSingleRow03 {
const parseDate = new Date(timeNum).setHours(0,0,0,0);
if (todayDate === parseDate) {
return '今天'
} else { const str = DateTimeUtils.formatDate(timeNum, 'MM月dd日')
} else {
const str = DateTimeUtils.formatDate(timeNum, 'MM月dd日')
const month: string = str.split('月')[0];
if (month[0] === "0") {
return str.slice(1)
... ... @@ -60,7 +62,6 @@ export struct ZhSingleRow03 {
Flex({justifyContent: FlexAlign.SpaceBetween}){
Row() {
Text(this.format(new Date(item.liveInfo.liveStartTime).getTime()))
// Text(item.liveInfo.liveStartTime.split(' ')[0].slice(5).split('-').join('月')+'日')
.margin({right: 6})
.fontColor(0x000000)
.fontSize(13)
... ... @@ -106,6 +107,19 @@ export struct ZhSingleRow03 {
}
.scrollable(ScrollDirection.Horizontal)
.scrollBar(BarState.Off)
.onScrollEdge((side: Edge) => {
if (side === Edge.End) {
this.isEndEdge = true;
}
})
.onScrollStop(() => {
if (this.isEndEdge) {
this.jumpToMore();
}
})
.onScroll((xOffset: number, yOffset: number) => {
this.isEndEdge = false;
})
}
.padding({
left: $r('app.float.card_comp_pagePadding_lf'),
... ... @@ -138,30 +152,37 @@ export struct ZhSingleRow03 {
Image($r("app.media.more"))
.width(14)
.height(14)
.onClick(() => {
// TODO 跳转的页面，定义的入参可能不合理。推荐id: 41
let params = {'index': "1"} as Record<string, string>
WDRouterRule.jumpWithPage(WDRouterPage.followListPage, params)
})
}
.padding({
right: $r('app.float.card_comp_pagePadding_lf'),
})
.visibility(this.compDTO?.objectType === '0' || this.compDTO?.objectType === '' ? Visibility.None : Visibility.Visible)
.onClick(() => {
if (this.compDTO?.objectType === '11') {
ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)
} else if (this.compDTO?.objectType === '5') {
ProcessUtils._gotoSpecialTopic(this.compDTO.linkUrl)
} else if (this.compDTO?.objectType === '6') {
ProcessUtils._gotoDefaultWeb(this.compDTO.linkUrl)
}
this.jumpToMore();
})
}
.justifyContent(FlexAlign.SpaceBetween)
.margin({ top: 8, bottom: 8 })
.width('100%')
}
private jumpToLiveMorePage() {
WDRouterRule.jumpWithPage(WDRouterPage.reserveMorePage)
}
private jumpToMore() {
if (this.compDTO.linkUrl) {
let taskAction: Action = {
type: 'JUMP_H5_BY_WEB_VIEW',
params: {
url: this.compDTO.linkUrl
} as Params,
};
WDRouterRule.jumpWithAction(taskAction)
} else {
this.jumpToLiveMorePage()
}
}
}
@Extend(Text)
... ...
... ... @@ -199,7 +199,9 @@ struct EditUserInfoPage {
getAccountOwnerInfo(){
EditInfoViewModel.queryAccountOwnerInfo(1,getContext(this)).then((editModel) => {
this.listData = []
this.headerImg = editModel.userExtend.headPhotoUrl
if (editModel.userExtend.headPhotoUrl) {
this.headerImg = editModel.userExtend.headPhotoUrl
}
this.currentUserInfo = editModel as editModel;
this.listData.push(...EditInfoViewModel.getEditListInfo(editModel))
});
... ...
import { CommonConstants } from 'wdConstant'
import { ContentDTO, CompDTO } from 'wdBean'
import { ProcessUtils } from 'wdRouter';
import { ContentDTO, CompDTO, Action, Params } from 'wdBean'
import { ProcessUtils, WDRouterRule, WDRouterPage } from 'wdRouter';
@Component
export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
... ... @@ -31,12 +31,16 @@ export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
}
.visibility(this.compDTO?.objectType === '0' || this.compDTO?.objectType === '' ? Visibility.None : Visibility.Visible)
.onClick(() => {
if (this.compDTO?.objectType === '11') {
ProcessUtils.jumpChannelTab(this.compDTO.objectId, this.compDTO.pageId as string)
} else if (this.compDTO?.objectType === '5') {
ProcessUtils._gotoSpecialTopic(this.compDTO.linkUrl)
} else if (this.compDTO?.objectType === '6') {
ProcessUtils._gotoDefaultWeb(this.compDTO.linkUrl)
if (this.compDTO.linkUrl) {
let taskAction: Action = {
type: 'JUMP_H5_BY_WEB_VIEW',
params: {
url: this.compDTO.linkUrl
} as Params,
};
WDRouterRule.jumpWithAction(taskAction)
} else {
this.jumpToLiveMorePage()
}
})
... ... @@ -95,5 +99,16 @@ export struct HorizontalStrokeCardThreeTwoRadioForMoreComponent {
// .backgroundColor($r("app.color.color_FE4B05"))
.margin({ bottom: 8 })
}
private jumpToLiveMorePage() {
// let taskAction: Action = {
// type: 'JUMP_INNER_NEW_PAGE',
// params: {
// pageID: 'LIVE_MORE_PAGE'
// } as Params,
// };
// WDRouterRule.jumpWithAction(taskAction)
WDRouterRule.jumpWithPage(WDRouterPage.liveMorePage)
}
}
... ...
... ... @@ -22,6 +22,7 @@ import { HttpUrlUtils } from 'wdNetwork/Index';
import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
import { PageRepository } from '../../repository/PageRepository';
import { SpConstants } from 'wdConstant/Index';
import { WDShare } from 'wdShare/Index';
const TAG = 'OperRowListView';
... ... @@ -49,13 +50,16 @@ export struct OperRowListView {
@State interactData: InteractDataDTO = {} as InteractDataDTO
@State newsStatusOfUser: batchLikeAndCollectResult | undefined = undefined // 点赞、收藏状态
@State likeBean: Record<string, string> = {}
@State audioUrl: string= ''
@State audioUrl: string = ''
@State bgColor: ResourceColor = Color.White
@State bottomSafeHeight: number = AppStorage.get<number>('bottomSafeHeight') || 0
needLike: boolean = true
// async aboutToAppear() {
async onDetailUpdated() {
if (!this.contentDetailData) return
if (!this.contentDetailData) {
return
}
const user_id = await SPHelper.default.get(SpConstants.USER_ID, '')
if (user_id) {
this.getInteractDataStatus()
... ... @@ -123,7 +127,7 @@ export struct OperRowListView {
.justifyContent(FlexAlign.Start)
}
.width('100%')
.backgroundColor(Color.White)
.backgroundColor(this.bgColor)
.padding({
top: 10,
// bottom: `${this.bottomSafeHeight}px`
... ... @@ -173,7 +177,8 @@ export struct OperRowListView {
builderCollect() {
Column() {
Stack({ alignContent: Alignment.TopEnd }) {
Image(this.newsStatusOfUser?.collectStatus == 1 ? $r('app.media.ic_collect_check') : $r('app.media.iv_live_comment_collect_un'))
Image(this.newsStatusOfUser?.collectStatus == 1 ? $r('app.media.ic_collect_check') :
$r('app.media.iv_live_comment_collect_un'))
.width(24)
.height(24)
.interpolation(ImageInterpolation.High)
... ... @@ -225,12 +230,17 @@ export struct OperRowListView {
.aspectRatio(1)
.interpolation(ImageInterpolation.High)
.onClick((event: ClickEvent) => {
ToastUtils.showToast('分享为公共方法，待开发', 1000);
// ToastUtils.showToast('分享为公共方法，待开发', 1000);
this.share()
})
}
.width(42)
}
share() {
WDShare.shareContent(this.contentDetailData)
}
// 已登录->查询用户对作品收藏状态
private async getInteractDataStatus() {
try {
... ... @@ -273,7 +283,7 @@ export struct OperRowListView {
PageRepository.postExecuteCollectRecord(params).then(res => {
if (this.newsStatusOfUser) {
this.newsStatusOfUser.collectStatus = this.newsStatusOfUser?.collectStatus === 1 ? 0 : 1
if(this.newsStatusOfUser.collectStatus === 1){
if (this.newsStatusOfUser.collectStatus === 1) {
promptAction.showToast({ message: '收藏成功' })
}
this.queryContentInteractCount()
... ... @@ -299,7 +309,8 @@ export struct OperRowListView {
this.interactData.collectNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.collectNum)
this.interactData.commentNum = NumberFormatterUtils.formatNumberWithWan(res.data[0]?.commentNum)
// 评论组件需要数据
if (Number.parseInt(this.interactData.commentNum) > Number.parseInt(this.publishCommentModel.totalCommentNumer)) {
if (Number.parseInt(this.interactData.commentNum) >
Number.parseInt(this.publishCommentModel.totalCommentNumer)) {
this.publishCommentModel.totalCommentNumer = this.interactData.commentNum + '' || '0'
}
}
... ...
... ... @@ -200,7 +200,7 @@ export class PageRepository {
* topicId:专题id
* */
static getMorningEveningCompInfoUrl(pageId: number, groupId: number, refreshTime: string, topicId: string, pageNum: number, pageSize: number) {
let url = HttpUrlUtils.getHost() + HttpUrlUtils.MORNING_EVENING_COMP_INFO_PATH;
let url = HttpUrlUtils.getHost() + HttpUrlUtils.COMP_PATH;
url = url + "?loadStrategy=first_load&pageNum=" + pageNum + "&refreshTime=" + refreshTime + "&pageId="
+ pageId + "&channelStrategy=2&groupId=" + groupId + "&topicId=" + topicId + "&pageSize=" + pageSize;
Logger.info(TAG, "getMorningEveningCompInfoUrl url = " + url)
... ... @@ -391,7 +391,7 @@ export class PageRepository {
* */
static fetchBroadcastCompInfo(pageId: number, groupId: number, refreshTime: string, topicId:
string, channelId: string) {
let url = HttpUrlUtils.getHost() + HttpUrlUtils.MORNING_EVENING_COMP_INFO_PATH;
let url = HttpUrlUtils.getHost() + HttpUrlUtils.COMP_PATH;
url = `${url}?topicId=${topicId}&channelStrategy=2&groupId=${groupId}&refreshTime=${refreshTime}&pageSize=50&recommend=0&pageId=${pageId}&loadStrategy=first_load&pageNum=1&channelId=${channelId}`
Logger.info(TAG, "getMorningEveningCompInfoUrl url = " + url)
return WDHttp.get<ResponseDTO<CompInfoBean>>(url)
... ...
... ... @@ -90,7 +90,7 @@ export async function image2PixelMap(icon: string): Promise<image.PixelMap> {
// 假设http和image是之前正确导入或定义的模块
export async function getPicture(imageUrl: string): Promise<image.ImageSource | undefined> {
// const url: string = 'https://rmrbcmsonline.peopleapp.com/upload/image/202312/rmrb_86691703594454.png';
const url: string = 'https://rmrbcmsonline.peopleapp.com/upload/image/201912/rmrb_24141576767688.png?x-oss-process=image/resize,w_550/quality,q_90/format,jpg';
const url: string = imageUrl;
return new Promise((resolve, reject) => {
http.createHttp().request(url, (error: BusinessError, data: http.HttpResponse) => {
... ...
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="205" height="12" viewBox="0 0 205 12"><g><g><rect x="0" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="3" y="5.5" width="1" height="1" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="6" y="3" width="1" height="6" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="9" y="1" width="1" height="10" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="12" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="15" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="18" y="3" width="1" height="6" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="21" y="0" width="1" height="12" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="24" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="27" y="4" width="1" height="4" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="30" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="33" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="36" y="2" width="1" height="8" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="39" y="3" width="1" height="6" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="42" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="45" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="48" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="51" y="1" width="1" height="10" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="54" y="4" width="1" height="4" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="57" y="2.5" width="1" height="7" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="60" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="63" y="3" width="1" height="6" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="66" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="69" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="72" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="75" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="78" y="3" width="1" height="6" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="81" y="2" width="1" height="8" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="84" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="87" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="90" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="93" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="96" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="99" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="102" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="105" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="108" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="111" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="114" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="117" y="2.5" width="1" height="7" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="120" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="123" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="126" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="129" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="132" y="2.5" width="1" height="7" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="135" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="138" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="141" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="144" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="147" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="150" y="5.5" width="1" height="1" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="153" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="156" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="159" y="1" width="1" height="10" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="162" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="165" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="168" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="171" y="5.5" width="1" height="1" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="174" y="2" width="1" height="8" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="177" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="180" y="0" width="1" height="12" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="183" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="186" y="3.5" width="1" height="5" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="189" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="192" y="5.5" width="1" height="1" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="195" y="2" width="1" height="8" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="198" y="4.5" width="1" height="3" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="201" y="3" width="1" height="6" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></g><g><rect x="204" y="5" width="1" height="2" rx="0.20000000298023224" fill="#ED2800" fill-opacity="1"/></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="44" height="44" viewBox="0 0 44 44"><defs><clipPath id="master_svg0_13405_092216"><rect x="13" y="12" width="20" height="20" rx="0"/></clipPath></defs><g><g><ellipse cx="22" cy="22" rx="22" ry="22" fill="#262626" fill-opacity="1"/></g><g clip-path="url(#master_svg0_13405_092216)"><g><path d="M17.16650390625,14.793388437499999L17.16650390625,29.2046234375C17.16650390625,29.3342234375,17.30783290625,29.4142234375,17.41891990625,29.3475234375L29.42830390625,22.1419434375C29.53620390625,22.0772034375,29.53620390625,21.9208434375,29.42830390625,21.8561034375L17.41891990625,14.6504734375C17.30783290625,14.5838205375,17.16650390625,14.6638394375,17.16650390625,14.793388437499999" fill-rule="evenodd" fill="#ED2800" fill-opacity="1"/></g></g></g></svg>
... ...
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="44" height="44" viewBox="0 0 44 44"><g><g><ellipse cx="22" cy="22" rx="22" ry="22" fill="#262626" fill-opacity="1"/></g><g><g><path d="M15.248507,13.563701539714966L18.84851,14.463701379714966C18.93754,14.485960379714966,19,14.565955379714966,19,14.657725379714966L19,31.245415379714967C19,31.375515379714965,18.87772,31.471015379714967,18.75149,31.439415379714966L15.151493,30.539415379714967C15.0624595,30.517215379714965,15,30.437215379714967,15,30.345415379714964L15,13.757729379714966C15,13.627615879714966,15.122278,13.532144179714965,15.248507,13.563701539714966M25.2485,13.563701539714966L28.8485,14.463701379714966C28.9375,14.485960379714966,29,14.565955379714966,29,14.657725379714966L29,31.245415379714967C29,31.375515379714965,28.8777,31.471015379714967,28.7515,31.439415379714966L25.1515,30.539415379714967C25.0625,30.517215379714965,25,30.437215379714967,25,30.345415379714964L25,13.757729379714966C25,13.627615879714966,25.1223,13.532144179714965,25.2485,13.563701539714966" fill-rule="evenodd" fill="#ED2800" fill-opacity="1"/></g></g></g></svg>
... ...
<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"><g><g></g><g><path d="M5.399900000000001,6.64951171875L5.399900000000001,10.39951171875Q5.399900000000001,10.41940171875,5.40751,10.43778171875Q5.4151299999999996,10.45615171875,5.42919,10.47022171875Q5.44326,10.48428171875,5.4616299999999995,10.49190171875Q5.48001,10.49951171875,5.4999,10.49951171875L6.4499,10.49951171875Q6.46979,10.49951171875,6.48817,10.49190171875Q6.50655,10.48428171875,6.52061,10.47022171875Q6.53468,10.45615171875,6.54229,10.43778171875Q6.5499,10.41940171875,6.5499,10.39951171875L6.5499,6.64951171875L10.4,6.64951171875Q10.41989,6.64951171875,10.43827,6.64190171875Q10.45664,6.63429171875,10.47071,6.62022171875Q10.48477,6.60615171875,10.49239,6.58778171875Q10.5,6.56940171875,10.5,6.54951171875L10.5,5.59951171875Q10.5,5.57962171875,10.49239,5.56124171875Q10.48477,5.54286171875,10.47071,5.52880171875Q10.45664,5.51473171875,10.43827,5.50712171875Q10.41989,5.49951171875,10.4,5.49951171875L6.5499,5.49951171875L6.5499,1.59951171875Q6.5499,1.57962051875,6.54229,1.56124341875Q6.53468,1.54286621875,6.52061,1.52880101875Q6.50655,1.51473581875,6.48817,1.50712376875Q6.46979,1.49951171875,6.4499,1.49951171875L5.4999,1.49951171875Q5.48001,1.49951171875,5.4616299999999995,1.50712376875Q5.44326,1.51473581875,5.42919,1.52880101875Q5.4151299999999996,1.54286621875,5.40751,1.5612433187499999Q5.399900000000001,1.57962051875,5.399900000000001,1.59951171875L5.399900000000001,5.49951171875L1.6,5.49951171875Q1.5801091,5.49951171875,1.5617319,5.50712171875Q1.5433547,5.51473171875,1.5292894,5.52880171875Q1.5152241,5.54286171875,1.50761207,5.56124171875Q1.5,5.57962171875,1.5,5.59951171875L1.5,6.54951171875Q1.5,6.56940171875,1.50761207,6.58778171875Q1.5152241,6.60615171875,1.5292894,6.62022171875Q1.5433547,6.63429171875,1.5617319,6.64190171875Q1.5801091,6.64951171875,1.6,6.64951171875L5.399900000000001,6.64951171875Z" fill-rule="evenodd" fill="#cccccc" fill-opacity="1"/></g></g></svg>
... ...
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><g><g><path d="M11.575,5.25L13.8,5.25C13.91046,5.25,14,5.3395431,14,5.45L14,13.8C14,13.91046,13.91046,14,13.8,14L11.575,14C11.4645431,14,11.375,13.91046,11.375,13.8L11.375,5.45C11.375,5.3395431,11.4645431,5.25,11.575,5.25ZM12.375,13L12.375,6.25L13,6.25L13,13L12.375,13Z" fill-rule="evenodd" fill="#aaa" fill-opacity="1"/></g><g><rect x="0.5" y="0.5" width="11.25" height="13" rx="-0.29999999701976776" fill-opacity="0" stroke-opacity="1" stroke="#aaa" fill="none" stroke-width="1"/></g><g><rect x="3.125" y="3.125" width="6" height="2.5" rx="-0.29999999701976776" fill-opacity="0" stroke-opacity="1" stroke="#aaa" fill="none" stroke-width="1"/></g><g><rect x="2.625" y="7.875" width="7" height="1" rx="0.20000000298023224" fill="#aaa" fill-opacity="1"/></g><g><rect x="2.625" y="10.5" width="4.375" height="1" rx="0.20000000298023224" fill="#aaa" fill-opacity="1"/></g></g></svg>
... ...
<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 transform="matrix(-1,0,0,1,32,0)"><g></g><g><path d="M25.52813173828125,2.1962385625C25.78848173828125,1.9358891625,26.210591738281252,1.9358891625,26.47094173828125,2.1962385625C26.71269173828125,2.4379915625,26.72996173828125,2.8192225625000003,26.52274173828125,3.0808965625L26.47094173828125,3.1390465625L21.61033173828125,7.9992265625L26.47094173828125,12.8593765625C26.71269173828125,13.1011765625,26.72996173828125,13.4823765625,26.52274173828125,13.7440765625L26.47094173828125,13.8021765625C26.229181738281248,14.0439765625,25.84795173828125,14.0612765625,25.58627173828125,13.8539765625L25.52813173828125,13.8021765625L20.19654373828125,8.470636562500001C19.95479073828125,8.2288765625,19.93752263828125,7.8476465625,20.14473973828125,7.5859665625L20.19654373828125,7.5278265625L25.52813173828125,2.1962385625Z" fill-rule="evenodd" fill="#AAAAAA" fill-opacity="1"/></g></g></svg>
... ...
<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(-1,0,0,1,22.797557830810547,0)"><path d="M17.302778915405273,2.0074672451339723L11.457366515405273,7.852883645133972Q11.398519692405273,7.911733645133972,11.398789225305274,7.994953645133972Q11.398519692405273,8.078173645133973,11.457366515405273,8.137023645133972L17.302778915405273,13.982453645133972Q17.330908915405274,14.010553645133973,17.367668915405275,14.025753645133973Q17.404418915405273,14.041053645133973,17.444198915405273,14.041053645133973Q17.483988915405273,14.041053645133973,17.520738915405275,14.025753645133973Q17.557498915405272,14.010553645133973,17.585628915405273,13.982453645133972L18.387008915405275,13.181053645133971Q18.415138915405272,13.152953645133973,18.430368915405275,13.116153645133972Q18.445588915405274,13.079453645133972,18.445588915405274,13.039653645133972Q18.445588915405274,12.999853645133973,18.430368915405275,12.963053645133972Q18.415138915405272,12.926353645133972,18.387008915405275,12.898253645133972L13.483758915405273,7.994953645133972L18.387008915405275,3.0916936451339723Q18.415138915405272,3.0635636451339723,18.430368915405275,3.026813645133972Q18.445588915405274,2.990053645133972,18.445588915405274,2.950273645133972Q18.445588915405274,2.9104936451339722,18.430368915405275,2.873739645133972Q18.415138915405272,2.8369856451339723,18.387008915405275,2.808854645133972L17.585628915405273,2.0074672451339723Q17.527048915405274,1.9488885511339722,17.444208915405273,1.9488885491339722Q17.361358915405273,1.948888547133972,17.302778915405273,2.0074672451339723Z" fill-rule="evenodd" fill="#dddddd" fill-opacity="1"/></g></g></svg>
... ...
<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"><defs><clipPath id="master_svg0_13700_095790"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_13700_095790)"><g><path d="M3.333251953125,2.2345154375L3.333251953125,13.7635234375C3.333251953125,13.8671234375,3.446314953125,13.9312234375,3.535184953125,13.8778234375L13.142701953125,8.113353437499999C13.229011953125,8.0615734375,13.229011953125,7.9364834375,13.142701953125,7.8846934375L3.535184953125,2.1201834375C3.446314953125,2.0668611375,3.333251953125,2.1308764375,3.333251953125,2.2345154375" fill-rule="evenodd" fill="#1D1D1D" fill-opacity="1"/></g></g></svg>
... ...
/****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: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
background-size: 400% 100%;
animation: ant-skeleton-loading 1.4s ease infinite;
}
@keyframes ant-skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes spinner-anime {
100% {
transform: rotate(360deg);
}
}
.toast-loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: 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: flex;
flex-direction: column;
justify-content: 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;
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.26666667rem 0.48rem 0;
height: 100%;
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,
.error-block .error-block-reload-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-reload-btn {
width: 3.73333333rem;
}
.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;
}
.refresh-content {
height: 100%;
}
.refresh-content .van-pull-refresh {
height: 100%;
}
html {
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: 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: 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 {
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;
}
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);
}
}
/*# sourceMappingURL=global.css.map */
\ 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
... ...
/****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;
#app {
height: 100%;
&::-webkit-scrollbar {
display: none;
}
&::-webkit-scrollbar-thumb {
display: none;
}
&::-webkit-scrollbar-track {
display: none;
}
}
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix {
zoom: 1;
&::before,
&::after {
display: table;
content: " ";
}
&::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: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
background-size: 400% 100%;
animation: ant-skeleton-loading 1.4s ease infinite;
}
@keyframes ant-skeleton-loading {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes spinner-anime {
100% {
transform: rotate(360deg);
}
}
.toast-loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
z-index: 9999999999;
&.active {
display: none;
}
&.none {
display: none;
}
.loading-cont {
display: flex;
flex-direction: column;
justify-content: 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;
.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;
animation: spinner-anime 1s linear infinite;
}
.svg-text {
display: inline-block;
position: relative;
top: 4px;
}
}
}
.skeleton-loading {
display: block;
padding: (10 / 37.5rem) (18 / 37.5rem) 0;
height: 100%;
overflow: hidden;
&.active {
position: fixed;
left: 0;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
z-index: -1;
}
&.none {
display: none;
}
}
.error-block {
display: none;
box-sizing: border-box;
text-align: center;
padding-top: (141 / 37.5rem);
&.active {
display: block;
}
.error-block-image {
text-align: center;
img {
width: (160 / 37.5rem);
height: (112 / 37.5rem);
}
}
.error-block-retry-btn, .error-block-reload-btn {
width: (80 / 37.5rem);
height: (28 / 37.5rem);
border-radius: (3 / 37.5rem);
border: (1 / 37.5rem) solid #EDEDED;
margin: 0 auto;
margin-top: (16 / 37.5rem);
font-size: (12 / 37.5rem);
font-weight: bold;
line-height: (28 / 37.5rem);
text-align: center;
color: #666666;
}
.error-block-reload-btn {
width: (140 / 37.5rem);
}
.error-block-description {
}
.error-block-description-title {
text-align: center;
margin: 0 auto;
font-size: 14px;
color: rgba(51, 51, 51, 0.5);
}
.error-block-description-subtitle {
}
}
.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: (659 / 37.5rem);
}
&.active {
//animation-name: fadeIn;
//animation-duration: .2s;
}
}
.refresh-content {
height: 100%;
.van-pull-refresh {
height: 100%;
}
}
html {
transition: color 300ms, background-color 300ms;
}
body {
.van-image__error, .van-image__loading {
display: block;
}
.prism-fullscreen {
z-index: 999999 !important;
}
.prism-player {
.prism-animation, .prism-detect-info, .prism-button, .prism-setting-quality, .prism-setting-audio, .prism-setting-cc, .prism-cc-btn, .prism-volume, .prism-tooltip, .prism-setting-btn, .prism-button-retry, .dplayer-thumb, .prism-progress-played, .prism-progress-cursor, .prism-progress-hover, .prism-big-play-btn, .prism-controlbar, .prism-info-display, .prism-text-overlay, .prism-error-operation, .prism-ErrorMessage, .prism-cover, .prism-loading {
display: none !important;
}
}
}
#__vconsole {
.vc-switch {
z-index: 10000000;
}
.vc-panel {
min-height: unset !important;
height: 500px !important;
}
z-index: 10000000;
}
#app {
overflow-y: hidden;
overflow-x: hidden;
.van-loading {
text-align: center;
}
}
html[dark-mode] {
body {
// background-color: #12131e;
background-color: #161827;
.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;
}
.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;
}
}
.gx-mobile .time {
// color: #7a7a7a;
color: rgba(255, 255, 255, 0.4);
}
.gx-mobile #newsContent {
background-color: #12131e !important;
color: #ccc;
h1, h2, div, h3, p, h4, h5, h6, ul, li, ol {
background-color: #12131e !important;
color: #ccc !important;
}
.preview-video {
div, p {
background-color: rgba(255, 255, 255, 0) !important;
}
}
}
.footer {
background-color: #12131e;
border-top: #252630;
}
}
}
.anticon-spin {
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;
}
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);
}
}
... ...