|
@@ -8,60 +8,61 @@
|
|
|
<view class="card-content">
|
|
|
<template v-if="goodsInfo.userHtml">
|
|
|
<!-- #ifdef H5 -->
|
|
|
- <iframe :src="goodsInfo.userHtml" style="width: 100%; height: calc(100vh - 94px); border: none;"></iframe>
|
|
|
+ <!-- <iframe :src="goodsInfo.userHtml" style="width: 100%; height: calc(100vh - 94px); border: none;"></iframe>-->
|
|
|
<!-- #endif -->
|
|
|
-
|
|
|
+ <view style="padding: 10px" v-html="goodsInfo.userHtml"></view>
|
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
|
- <web-view :src="goodsInfo.userHtml" style="width: 100%; height: 100%;"></web-view>
|
|
|
+ <!-- <web-view :src="goodsInfo.userHtml" style="width: 100%; height: 100%;"></web-view>-->
|
|
|
<!-- #endif -->
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <view style="padding: 10px;" v-html="content"></view>
|
|
|
+ <view style="padding: 10px" v-html="content"></view>
|
|
|
</template>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import sheep from '@/sheep';
|
|
|
-const { safeAreaInsets } = sheep.$platform.device;
|
|
|
+ import sheep from '@/sheep';
|
|
|
+
|
|
|
+ const { safeAreaInsets } = sheep.$platform.device;
|
|
|
|
|
|
-const props = defineProps({
|
|
|
- content: {
|
|
|
- type: String,
|
|
|
- default: '',
|
|
|
- },
|
|
|
- goodsInfo: {
|
|
|
- type: Object,
|
|
|
- default: {},
|
|
|
- },
|
|
|
-});
|
|
|
+ const props = defineProps({
|
|
|
+ content: {
|
|
|
+ type: String,
|
|
|
+ default: '',
|
|
|
+ },
|
|
|
+ goodsInfo: {
|
|
|
+ type: Object,
|
|
|
+ default: {},
|
|
|
+ },
|
|
|
+ });
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.detail-content-card {
|
|
|
- .card-header {
|
|
|
- .line {
|
|
|
- width: 6rpx;
|
|
|
- height: 30rpx;
|
|
|
- background: linear-gradient(180deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%);
|
|
|
- border-radius: 3rpx;
|
|
|
- }
|
|
|
+ .detail-content-card {
|
|
|
+ .card-header {
|
|
|
+ .line {
|
|
|
+ width: 6rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ background: linear-gradient(180deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%);
|
|
|
+ border-radius: 3rpx;
|
|
|
+ }
|
|
|
|
|
|
- .title {
|
|
|
- font-size: 30rpx;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+ .title {
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
|
|
|
- .des {
|
|
|
- font-size: 24rpx;
|
|
|
- color: $dark-9;
|
|
|
- }
|
|
|
+ .des {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: $dark-9;
|
|
|
+ }
|
|
|
|
|
|
- .more-btn {
|
|
|
- font-size: 24rpx;
|
|
|
- color: var(--ui-BG-Main);
|
|
|
+ .more-btn {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: var(--ui-BG-Main);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
</style>
|