|
@@ -39,7 +39,7 @@
|
|
|
<view class="content crm-border-radius" v-if="type === 7">
|
|
<view class="content crm-border-radius" v-if="type === 7">
|
|
|
<text class="con-title">{{ info.subject }}</text>
|
|
<text class="con-title">{{ info.subject }}</text>
|
|
|
<view class="rich-text-wrapper">
|
|
<view class="rich-text-wrapper">
|
|
|
- <cwg-rich-text :nodes="info.content" />
|
|
|
|
|
|
|
+ <cwg-rich-text :nodes="info.content1" />
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
@@ -85,6 +85,7 @@ import { onLoad } from '@dcloudio/uni-app'
|
|
|
import { useI18n } from 'vue-i18n'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
import { newsApi } from '@/service/news'
|
|
import { newsApi } from '@/service/news'
|
|
|
import Config from '@/config/index'
|
|
import Config from '@/config/index'
|
|
|
|
|
+import { adaptCWGEmailForUniApp } from '@/utils/emailAdapter.js';
|
|
|
|
|
|
|
|
const { t } = useI18n()
|
|
const { t } = useI18n()
|
|
|
const { Code, Host80, Host05 } = Config
|
|
const { Code, Host80, Host05 } = Config
|
|
@@ -154,7 +155,7 @@ const getNewsSingle = async () => {
|
|
|
case 7: // 通知
|
|
case 7: // 通知
|
|
|
const noticeRes = await newsApi.newsNoticeSingle({ id: id.value })
|
|
const noticeRes = await newsApi.newsNoticeSingle({ id: id.value })
|
|
|
if (noticeRes.code === Code.StatusOK && noticeRes.data) {
|
|
if (noticeRes.code === Code.StatusOK && noticeRes.data) {
|
|
|
- info.value = noticeRes.data
|
|
|
|
|
|
|
+ info.value = { ...noticeRes.data, content1: adaptCWGEmailForUniApp(noticeRes.data.content) }
|
|
|
uni.$emit('open-notice')
|
|
uni.$emit('open-notice')
|
|
|
} else {
|
|
} else {
|
|
|
uni.showToast({ title: noticeRes.msg, icon: 'none' })
|
|
uni.showToast({ title: noticeRes.msg, icon: 'none' })
|
|
@@ -241,6 +242,7 @@ onUnmounted(() => {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
|
+@import "@/uni.scss";
|
|
|
#News_Content {
|
|
#News_Content {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
|
|
|
@@ -248,12 +250,13 @@ onUnmounted(() => {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- padding: 10rpx 15rpx;
|
|
|
|
|
|
|
+ padding: px2rpx(10);
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
border-bottom: 1px solid #eee;
|
|
border-bottom: 1px solid #eee;
|
|
|
|
|
|
|
|
.tit {
|
|
.tit {
|
|
|
- font-size: 16rpx;
|
|
|
|
|
|
|
+ font-size: px2rpx(16);
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -262,8 +265,8 @@ onUnmounted(() => {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
|
|
|
|
.icon-back {
|
|
.icon-back {
|
|
|
- font-size: 18rpx;
|
|
|
|
|
- margin-right: 4rpx;
|
|
|
|
|
|
|
+ font-size: px2rpx(18);
|
|
|
|
|
+ margin-right: px2rpx(4);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -274,12 +277,16 @@ onUnmounted(() => {
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
text-align: left;
|
|
text-align: left;
|
|
|
- padding: 10rpx 15rpx;
|
|
|
|
|
|
|
+ padding: px2rpx(10);
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
line-height: 1.8;
|
|
line-height: 1.8;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+
|
|
|
|
|
|
|
|
.img {
|
|
.img {
|
|
|
- margin-bottom: 10rpx;
|
|
|
|
|
|
|
+ margin-bottom: px2rpx(10);
|
|
|
|
|
|
|
|
image {
|
|
image {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -287,31 +294,32 @@ onUnmounted(() => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.con-title {
|
|
.con-title {
|
|
|
- font-size: 18rpx;
|
|
|
|
|
|
|
+ font-size: px2rpx(18);
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- margin: 10rpx 0;
|
|
|
|
|
|
|
+ margin: px2rpx(10) 0;
|
|
|
|
|
+ text-align: center;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.con-time {
|
|
.con-time {
|
|
|
- margin-bottom: 10rpx;
|
|
|
|
|
- font-size: 12rpx;
|
|
|
|
|
|
|
+ margin-bottom: px2rpx(10);
|
|
|
|
|
+ font-size: px2rpx(12);
|
|
|
color: #999;
|
|
color: #999;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.con-des {
|
|
.con-des {
|
|
|
- margin: 10rpx 0;
|
|
|
|
|
- font-size: 14rpx;
|
|
|
|
|
|
|
+ margin: px2rpx(10) 0;
|
|
|
|
|
+ font-size: px2rpx(14);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.video-player {
|
|
.video-player {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 400rpx;
|
|
|
|
|
|
|
+ height: px2rpx(400);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.webview {
|
|
.webview {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
- min-height: 1200rpx;
|
|
|
|
|
|
|
+ min-height: px2rpx(1200);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.ebookBox {
|
|
.ebookBox {
|
|
@@ -325,10 +333,10 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
.ebook-cover {
|
|
.ebook-cover {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- max-width: 360rpx;
|
|
|
|
|
|
|
+ max-width: px2rpx(360);
|
|
|
height: auto;
|
|
height: auto;
|
|
|
margin-right: 0;
|
|
margin-right: 0;
|
|
|
- margin-bottom: 15rpx;
|
|
|
|
|
|
|
+ margin-bottom: px2rpx(15);
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
@media (min-width: 768px) {
|
|
|
margin-right: 25rpx;
|
|
margin-right: 25rpx;
|
|
@@ -338,20 +346,20 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
.news-title {
|
|
.news-title {
|
|
|
color: #EB3F57;
|
|
color: #EB3F57;
|
|
|
- font-size: 44rpx;
|
|
|
|
|
|
|
+ font-size: px2rpx(44);
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- margin-bottom: 10rpx;
|
|
|
|
|
|
|
+ margin-bottom: px2rpx(10);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.news-status {
|
|
.news-status {
|
|
|
- margin-top: 10rpx;
|
|
|
|
|
|
|
+ margin-top: px2rpx(10);
|
|
|
|
|
|
|
|
a {
|
|
a {
|
|
|
display: inline-block;
|
|
display: inline-block;
|
|
|
background-color: #EB3F57;
|
|
background-color: #EB3F57;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
- padding: 8rpx 30rpx;
|
|
|
|
|
- border-radius: 8rpx;
|
|
|
|
|
|
|
+ padding: px2rpx(4) px2rpx(30);
|
|
|
|
|
+ border-radius: px2rpx(8);
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -364,13 +372,13 @@ onUnmounted(() => {
|
|
|
table {
|
|
table {
|
|
|
border-collapse: collapse !important;
|
|
border-collapse: collapse !important;
|
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
|
- margin: 10px 0 !important;
|
|
|
|
|
|
|
+ margin: px2rpx(10) 0 !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
th,
|
|
th,
|
|
|
td {
|
|
td {
|
|
|
border: 1px solid #dcdfe6 !important;
|
|
border: 1px solid #dcdfe6 !important;
|
|
|
- padding: 8px !important;
|
|
|
|
|
|
|
+ padding: px2rpx(8) !important;
|
|
|
text-align: left !important;
|
|
text-align: left !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -396,8 +404,8 @@ onUnmounted(() => {
|
|
|
<style>
|
|
<style>
|
|
|
/* 覆盖 rich-text 内所有段落样式 */
|
|
/* 覆盖 rich-text 内所有段落样式 */
|
|
|
uni-rich-text p {
|
|
uni-rich-text p {
|
|
|
- margin: 12rpx 0 !important;
|
|
|
|
|
- font-size: 14rpx !important;
|
|
|
|
|
|
|
+ margin: px2rpx(12) 0 !important;
|
|
|
|
|
+ font-size: px2rpx(14) !important;
|
|
|
/* 对应 14px */
|
|
/* 对应 14px */
|
|
|
line-height: 1.6 !important;
|
|
line-height: 1.6 !important;
|
|
|
color: #333;
|
|
color: #333;
|
|
@@ -405,13 +413,13 @@ uni-rich-text p {
|
|
|
|
|
|
|
|
/* 覆盖 span 样式,移除固定字体和大小 */
|
|
/* 覆盖 span 样式,移除固定字体和大小 */
|
|
|
uni-rich-text span {
|
|
uni-rich-text span {
|
|
|
- font-size: 14rpx !important;
|
|
|
|
|
|
|
+ font-size: px2rpx(14) !important;
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 图片自适应 */
|
|
/* 图片自适应 */
|
|
|
uni-rich-text img {
|
|
uni-rich-text img {
|
|
|
max-width: 100% !important;
|
|
max-width: 100% !important;
|
|
|
- height: auto !important;
|
|
|
|
|
|
|
+ height: auto;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|