Commit d0a901fd501f0d112be66ec8ffde5c5a67018afb

Authored by pengye
1 parent be35e8ab

商家详情、邀请函模板加自定义图片、文字、视频3

... ... @@ -5,7 +5,6 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -129,9 +129,8 @@
<block wx:if="{{marketing.logo || home.image || ((store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (store.images.length>0 && (!store.is_images || store.is_images!='0')) || (store.content && store.content.length>0))}}">
<view class="introduceBox">
<block wx:if="{{(marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')) || (store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (home.image && (!home.id_first_image || home.id_first_image!='0'))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="{{store.title ? store.title : '餐厅介绍'}}"></titleStyle>
</view>
<view class="englishText font28r">Introduce</view>
<view class="chefText font32r">品牌介绍</view>
<image wx:if="{{marketing.logo}}" src="{{marketing.logo}}" bindtap="lookImgs" data-url="{{marketing.logo}}" mode="widthFix" />
<image wx:if="{{home.image}}" src="{{home.image}}" bindtap="lookImgs" data-url="{{home.image}}" class="homeImage" mode="widthFix"></image>
<view class="labelBox" wx:if="{{store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
... ... @@ -165,9 +164,8 @@
<!-- 主厨介绍 -->
<block wx:if="{{chef && ((chef.introduce && (!chef.is_introduce || chef.is_introduce!='0')) || (chef.image && (!chef.is_images || chef.is_images!='0')) || (chef.content && chef.content.length>0))}}">
<view class="introduceBox famousChefBox" wx:if="{{chef && ((!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0'))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="{{chef.title ? chef.title : '主厨介绍'}}"></titleStyle>
</view>
<view class="englishText font28r">Chief Cook</view>
<view class="chefText font32r">知名主厨</view>
<view class="labelBox" wx:if="{{(chef.introduce && (!chef.is_introduce || chef.is_introduce!='0'))}}">
<text space="nbsp" class="texts">{{chef.introduce}}</text>
</view>
... ... @@ -193,9 +191,8 @@
</block>
<!-- 特色菜品 -->
<view class="introduceBox vegetableBox" wx:if="{{signboard && ((signboard.swich=='1' && signboard.images && signboard.images.length>0) || (signboard.content && signboard.content.length>0))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="{{signboard.title ? signboard.title : '特色菜品'}}"></titleStyle>
</view>
<view class="englishText font28r">Favorites</view>
<view class="chefText font32r">菜品展示</view>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{signboard.images}}" mode="widthFix" />
</block>
... ... @@ -217,35 +214,6 @@
</block>
</view>
</view>
<!-- 停车指引 -->
<view class="introduceBox stopBox" wx:if="{{reserve && (reserve.swich_park=='1' && (reserve.park_info || reserve.park_info_images) || (reserve.content && reserve.content.length>0))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="{{reserve.title ? reserve.title : '停车指引'}}"></titleStyle>
</view>
<view class="labelBox" wx:if="{{reserve.park_info}}">
<text space="nbsp" class="texts">{{reserve.park_info}}</text>
</view>
<block wx:for="{{reserve.park_info_images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{reserve.park_info_images}}"/>
</block>
<view class="contentBox" wx:if="{{reserve.content && reserve.content.length>0}}">
<block wx:for="{{reserve.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
</view>
</view>
<view class="specialServices" wx:if="{{detail.status !='4' && options.isOrder != '1' && hasValueOrder && detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
<view class="rubric">
提前点餐
... ... @@ -291,7 +259,6 @@
<view wx:if="{{hasValueRecharge && marketing.is_link=='1'}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
点击了解更多会员优惠政策
</view>
<image wx:if="{{marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')}}" src="{{marketing.logo}}" mode="widthFix" bindtap="lookImgs" data-url="{{marketing.logo}}"/>
<text class="businessBox">
周到安排提供技术支持<text bindtap="call" data-phone="4000009690">4000009690</text>,餐厅入驻请点击<text bindtap="gotoJoinSeller" style="text-decoration: underline;">这里</text>
</text>
... ...
... ... @@ -23,7 +23,7 @@
font-size: 72rpx;
color: #FFD200;
position: relative;
top: -70rpx;
top: -50rpx;
}
... ... @@ -288,51 +288,19 @@
}
.labelBox {
width: 100%;
margin: 20rpx 20rpx 0 20rpx;
display: flex;
position: relative;
height: calc(100% - 200rpx);
padding-bottom: 20rpx;
}
.labelBox .label {
width: 90%;
.labelBox .texts {
width: 100%;
line-height: 40rpx;
color: #ffffff;
color: #515151;
font-family: PingFang SC;
font-size: 20rpx;
overflow: hidden;
white-space: pre-line;
word-wrap: break-word;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
padding: 0 20rpx;
}
.labelBox2 .label {
height: 100%;
overflow-y: scroll;
margin-right: 20rpx;
}
.labelBox .styleLabel {
color: #999999;
}
.labelBox .line {
position: absolute;
width: 4rpx;
height: 100%;
top: 0;
background: linear-gradient(270deg, #eeae74 20%, #0c0f0e 124%);
}
.labelBox1 .line {
margin: 0 0 0 16rpx;
}
.labelBox .line1 {
margin: 0 0 0 16rpx;
font-size: 32rpx;
font-weight: 500;
}
.IntroductionItems image {
... ... @@ -396,7 +364,7 @@
.contentBox .texts {
line-height: 40rpx;
margin: 0 20rpx;
color: #FFEFC5;
color: #515151;
font-family: PingFang SC;
font-weight: 500;
display: block;
... ... @@ -419,27 +387,19 @@
}
.vegetableBox .englishText {
margin: 10rpx 0 0 0;
color: #B39437;
}
.englishText {
font-family: PingFang SC;
margin: 20rpx 0 0 0;
margin: 0 20rpx;
color: #b39437;
}
.chefText {
font-family: PingFang SC;
color: #b39437;
}
.famousChefBox .englishText {
text-align: right;
}
.famousChefBox .chefText {
text-align: right;
margin: 20rpx;
}
.famousChefBox .shopName {
... ... @@ -447,16 +407,7 @@
}
.famousChefBox .labelBox {
justify-content: flex-end;
}
.famousChefBox .labelBox .label {
margin-right: 0;
}
.specialServices {
margin: 16rpx 40rpx;
border-bottom: 2rpx solid #DBDBDB;
border-bottom: none;
}
.rubric {
... ... @@ -467,20 +418,25 @@
margin-bottom: 10rpx;
}
.specialServices{
margin: 0 20rpx;
border-bottom: 2rpx solid #DBDBDB;
}
.specialServices .news {
color: #515151;
font-family: PingFang SC;
font-weight: 500;
font-size: 24rpx;
line-height: 40rpx;
margin-left: 20rpx;
margin-left: 28rpx;
}
.endStyle {
display: flex;
justify-content: flex-end;
height: 54rpx;
margin: 20rpx 0;
margin: 20rpx 28rpx;
}
... ... @@ -499,18 +455,14 @@
flex-shrink: 0;
}
.preferential {
margin: 16rpx 40rpx 0 40rpx;
}
.preferentialItems {
padding: 16rpx 16rpx 16rpx 24rpx;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20rpx;
background: url('https://qn.colorcun.com/certificateBj.png') no-repeat;
background-size: 100% 100%;
margin-bottom: 20rpx;
}
.rubric1 {
... ... @@ -601,10 +553,10 @@
.favouredPolicy {
width: 45%;
color: #5C95D7;
color: #0143A3;
font-family: PingFang SC;
font-weight: 500;
border: 2rpx solid #5C95D7;
border: 2rpx solid #0143A3;
border-radius: 22rpx;
text-align: center;
padding: 10rpx;
... ... @@ -652,10 +604,15 @@
align-items: center;
}
.preferential{
margin: 16rpx 20rpx 0 20rpx;
}
.cook {
height: 94% !important;
background: #fff;
border: 2rpx solid #0143A3;
color: #0143A3;
border-radius: 32rpx;
font-weight: normal;
width: 23% !important;
... ...
... ... @@ -19,12 +19,14 @@ Page({
},
store: {},
chef: {},
reserve: {},
signboard: {},
home: {},
sid: '',
IsCollectionSeller: false,
hasValueCertificate:false,//商家是否开通优惠券功能
hasValueRecharge:false,//商家是否开通充值功能
titleType:'',//标题样式
marketing: {},
recharge_data: {},
scoreInfo:'',
... ... @@ -146,17 +148,25 @@ Page({
sid
}).then(res => {
let data = res.data
console.log('data', data);
let couponList = []
let home, chef, signboard, store, marketing, coupon, StyleType;
let titleType, home, chef, signboard, store, marketing, coupon, reserve, StyleType;
chef = util.determine(data.chef);
reserve = util.determine(data.reserve);
signboard = util.determine(data.signboard);
store = util.determine(data.store);
home = util.determine(data.home);
marketing = util.determine(data.marketing);
StyleType = data.type;
if (marketing) {
titleType = data.title_class || '1';
StyleType = data.type;if (store) store.content = (store.is_introduce_all == '1' && store.content) ? util.determine(store.content) : '';
if (chef) chef.content = (chef.is_introduce_all == '1' && chef.content) ? util.determine(chef.content) : '';
if (signboard) signboard.content = (signboard.is_introduce_all == '1' && signboard.content) ? util.determine(signboard.content) : '';
if (reserve) reserve.content = (reserve.is_introduce_all == '1' && reserve.content) ? util.determine(reserve.content) : '';
if (home) home.image = (home && home.image && (!home.id_first_image || home.id_first_image!='0')) ? home.image : '';
if (marketing) {
marketing.logo = (marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')) ? marketing.logo : '';
coupon = marketing.coupon_data ? util.determine(marketing.coupon_data) : '';
}
}
// is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示
if (coupon && util.getType(coupon) == 'object') {
couponList.push({
... ... @@ -172,17 +182,21 @@ Page({
})
}
}
if (store && store.images.length > 0) store.images = util.determine(store.images);
if (store && store.images && store.images.length > 0) store.images = util.determine(store.images);
if (reserve && reserve.park_info_images && reserve.park_info_images.length > 0) reserve.park_info_images = util.determine(reserve.park_info_images);
if (signboard && signboard.images) signboard.images = util.determine(signboard.images);
let obj = {
chef,
reserve,
signboard,
store,
home,
reserve,
marketing,
coupon,
couponList,
StyleType,
titleType,
}
console.log('获取数据', {
...obj
... ... @@ -195,11 +209,13 @@ Page({
}
this.setData({
chef,
reserve,
signboard,
store,
home,
marketing,
StyleType,
titleType,
})
}).catch(res => {
console.log('GetSellerTemplateConf请求失败');
... ...
... ... @@ -3,6 +3,7 @@
"navigationBarTextStyle": "white",
"navigationBarTitleText": "",
"usingComponents": {
"nav": "/components/nav/nav"
"nav": "/components/nav/nav",
"titleStyle":"/components/titleStyle/titleStyle"
}
}
\ No newline at end of file
... ...
... ... @@ -47,56 +47,130 @@
</navigator>
</block>
</view>
<!-- 餐厅介绍图文分开 -->
<view class="introduce" wx:if="{{store}}">
<view class="imgMask">
<view class="IntroduceColor" wx:if="{{store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
<view class="chefText font36r">餐厅介绍</view>
<view class="lines"></view>
<view class="labelBox">
<text class="texts">{{store.introduce}}
</text>
<!-- 餐厅介绍 -->
<block wx:if="{{marketing.logo || home.image || ((store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (store.images.length>0 && (!store.is_images || store.is_images!='0')) || (store.content && store.content.length>0))}}">
<view class="introduceBox">
<block wx:if="{{(marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')) || (store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (home.image && (!home.id_first_image || home.id_first_image!='0'))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="{{store.title ? store.title : '餐厅介绍'}}"></titleStyle>
</view>
</view>
<block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}">
<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
<image wx:if="{{marketing.logo}}" src="{{marketing.logo}}" bindtap="lookImgs" data-url="{{marketing.logo}}" mode="widthFix" />
<image wx:if="{{home.image}}" src="{{home.image}}" bindtap="lookImgs" data-url="{{home.image}}" class="homeImage" mode="widthFix"></image>
<view class="labelBox" wx:if="{{store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
<text space="nbsp" class="texts">{{store.introduce}}</text>
</view>
<block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}">
<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{store.images}}" mode="widthFix" />
</block>
</block>
<view class="contentBox" wx:if="{{store.content && store.content.length>0}}">
<block wx:for="{{store.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
</view>
</block>
</view>
</view>
<!-- 主厨介绍图文分开 -->
<view class="introduce famousChefBox" wx:if="{{chef && (!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0')}}">
<view class="imgMask">
<view class="IntroduceColor">
<view class="chefText font36r" wx:if="{{chef.is_introduce || chef.is_images}}">主厨介绍</view>
<view class="lines" wx:if="{{chef && ((chef.is_introduce || chef.is_images) || (!chef.is_introduce || chef.is_introduce!='0'))}}"></view>
<view class="labelBox" wx:if="{{!chef.is_introduce || chef.is_introduce!='0'}}">
<text class="texts">{{chef.introduce}}
</text>
</view>
</block>
<!-- 主厨介绍 -->
<block wx:if="{{chef && ((chef.introduce && (!chef.is_introduce || chef.is_introduce!='0')) || (chef.image && (!chef.is_images || chef.is_images!='0')) || (chef.content && chef.content.length>0))}}">
<view class="introduceBox famousChefBox" wx:if="{{chef && ((!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0'))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="{{chef.title ? chef.title : '主厨介绍'}}"></titleStyle>
</view>
<block wx:if="{{(!chef.is_images || chef.is_images!='0') && chef.image}}">
<image src="{{chef.image}}" mode="widthFix" />
<view class="labelBox" wx:if="{{(chef.introduce && (!chef.is_introduce || chef.is_introduce!='0'))}}">
<text space="nbsp" class="texts">{{chef.introduce}}</text>
</view>
<image wx:if="{{(!chef.is_images || chef.is_images!='0') && chef.image}}" src="{{chef.image}}"bindtap="lookImgs" data-url="{{chef.image}}" mode="widthFix" />
<view class="contentBox" wx:if="{{chef.content && chef.content.length>0}}">
<block wx:for="{{chef.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
</view>
</view>
</block>
<!-- 特色菜品 -->
<view class="introduceBox vegetableBox" wx:if="{{signboard && ((signboard.swich=='1' && signboard.images && signboard.images.length>0) || (signboard.content && signboard.content.length>0))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="{{signboard.title ? signboard.title : '特色菜品'}}"></titleStyle>
</view>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{signboard.images}}" mode="widthFix" />
</block>
<view class="contentBox" wx:if="{{signboard.content && signboard.content.length>0}}">
<block wx:for="{{signboard.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
<view wx:if="{{chef.is_introduce || chef.is_images}}" class="{{(!chef.is_images || chef.is_images!='0')?'':'mtnone'}}"></view>
</view>
</view>
<!-- 菜品展示 swich为1展示 -->
<view class="introduce vegetableBox" wx:if="{{signboard && signboard.swich=='1'}}">
<view class="imgMask">
<view class="IntroduceColor">
<view class="chefText font36r">特色菜品</view>
<view class="lines"></view>
</view>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
<!-- 停车指引 -->
<view class="introduceBox stopBox" wx:if="{{reserve && (reserve.swich_park=='1' && (reserve.park_info || reserve.park_info_images) || (reserve.content && reserve.content.length>0))}}">
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="{{reserve.title ? reserve.title : '停车指引'}}"></titleStyle>
</view>
<view class="labelBox" wx:if="{{reserve.park_info}}">
<text space="nbsp" class="texts">{{reserve.park_info}}</text>
</view>
<block wx:for="{{reserve.park_info_images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{reserve.park_info_images}}"/>
</block>
<view class="contentBox" wx:if="{{reserve.content && reserve.content.length>0}}">
<block wx:for="{{reserve.content}}">
<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
<view wx:if="{{item.type == '3'}}" class="videoBox">
<video
object-fit="contain"
autoplay="{{true}}"
loop="{{true}}"
muted="{{true}}"
show-mute-btn="{{true}}"
vslide-gesture-in-fullscreen="{{true}}"
src="{{item.content}}"
></video>
</view>
</block>
</view>
</view>
<view class="preferential" wx:if="{{hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data}}">
<view class="chefText font36r">
特别优惠
<view wx:if="{{titleType}}" class="chefText font36r">
<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="会员招募"></titleStyle>
</view>
<navigator url="/pack-activity/pack/vipRecharge?id={{recharge_data.id}}&name={{seller.sellName}}&sid={{sid}}&types=3&StyleType={{StyleType}}" hover-class="navigator-hover">
<view class="preferentialItems">
... ...
... ... @@ -89,8 +89,8 @@
}
.labelBox {
margin: 20rpx 20rpx 0 20rpx;
display: flex;
margin: 0 20rpx 0 0;
position: relative;
padding-bottom: 20rpx;
}
... ... @@ -100,11 +100,35 @@
line-height: 40rpx;
color: #515151;
font-family: PingFang SC;
font-size: 28rpx;
font-size: 32rpx;
font-weight: 500;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
}
.contentBox {
width: 100%;
margin-top: 20rpx;
}
.contentBox .texts {
line-height: 40rpx;
margin: 0 20rpx;
color: #515151;
font-family: PingFang SC;
font-weight: 500;
display: block;
}
.contentBox view,.contentBox text,.contentBox image{
margin-bottom: 20rpx !important;
}
.introduceBox image {
width: 100%;
margin-bottom: 20rpx;
display: block !important;
vertical-align: top;
padding: 0 20rpx;
box-sizing: border-box;
}
.labelBox .line1 {
... ... @@ -172,7 +196,7 @@
}
.preferential {
margin: 28rpx 40rpx 0 40rpx;
margin-top: 28rpx;
}
.rubric1 {
... ... @@ -184,9 +208,9 @@
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20rpx;
background: url('https://qn.colorcun.com/certificateBj.png') no-repeat;
background-size: 100% 100%;
margin: 0 20rpx 20rpx 20rpx;
}
.itemLeft {
... ... @@ -286,4 +310,17 @@
border-radius: 22rpx;
text-align: center;
padding: 10rpx;
}
.videoBox{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 20rpx;
}
.videoBox video{
width: 100%;
box-sizing: border-box;
}
\ No newline at end of file
... ...