|
|
@@ -18,7 +18,12 @@
|
|
|
<view class="details" v-html="info.content">
|
|
|
|
|
|
</view>
|
|
|
-
|
|
|
+ <view v-if="info.codeImage" class="codeImage">
|
|
|
+ <image mode="aspectFit"
|
|
|
+
|
|
|
+ v-if="info.codeImage" :src="info.codeImage" :show-menu-by-longpress="true" ></image>
|
|
|
+ <view class="codeImageView" ><u-icon name="arrow-upward"></u-icon><u-icon name="arrow-upward"></u-icon><u-icon name="arrow-upward"></u-icon> 长按图片<u-icon name="arrow-upward"></u-icon><u-icon name="arrow-upward"></u-icon><u-icon name="arrow-upward"></u-icon></view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 资料 -->
|
|
|
@@ -45,11 +50,24 @@
|
|
|
|
|
|
<!-- 报名按钮 -->
|
|
|
<view class="bottom">
|
|
|
+
|
|
|
+
|
|
|
<button class="sign-up" v-if="getStatus()" :class="{
|
|
|
isJoin:isJoin
|
|
|
}" @click="isJoinBtn" >{{isJoin?'取消报名':'我要报名'}}</button>
|
|
|
<button class="sign-up isEnd" v-else style="background: #999999;">已结束</button>
|
|
|
-
|
|
|
+
|
|
|
+ <button class="btncontact" @click="showPhone=true" >
|
|
|
+ <view class="icon">
|
|
|
+ <img src="@/assets/img/riLine-customer-service-line@1x.png" alt="">
|
|
|
+ </view>
|
|
|
+ <view class="grid-text">咨询</view>
|
|
|
+ </button>
|
|
|
+
|
|
|
+ <u-modal v-model="showPhone" @confirm="confirmPhone" confirm-text="拨打电话" confirm-color="#606266"
|
|
|
+ :show-cancel-button="true" ref="uModal" :asyncClose="true" title="咨询电话" :content="content"
|
|
|
+ :content-style="{fontSize: '24px',color: '#101010'}"></u-modal>
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -61,6 +79,8 @@
|
|
|
return {
|
|
|
id: "",
|
|
|
isJoin: false,
|
|
|
+ content: "",
|
|
|
+ showPhone: false,
|
|
|
info: {
|
|
|
|
|
|
},
|
|
|
@@ -89,6 +109,12 @@
|
|
|
this.getInfo()
|
|
|
},
|
|
|
methods: {
|
|
|
+ confirmPhone() {
|
|
|
+ this.showPhone = false;
|
|
|
+ uni.makePhoneCall({
|
|
|
+ phoneNumber: this.content //仅为示例
|
|
|
+ });
|
|
|
+ },
|
|
|
getStatus(){
|
|
|
if(this.info&&this.info.endTime){
|
|
|
return new Date()<new Date(this.info.endTime)
|
|
|
@@ -235,6 +261,8 @@
|
|
|
}
|
|
|
this.info=newsDetail
|
|
|
|
|
|
+ this.content=this.info.phone
|
|
|
+
|
|
|
}).catch(error => {
|
|
|
uni.showToast({icon: 'none',
|
|
|
title: error,
|
|
|
@@ -252,6 +280,20 @@
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
|
+ .codeImage{
|
|
|
+ background-color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ .codeImageView{
|
|
|
+ padding: 20rpx 0px 40rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+ image{
|
|
|
+ border: 1px dashed;
|
|
|
+ width: 700rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
.background {
|
|
|
width: 100%;
|
|
|
height: 376rpx;
|
|
|
@@ -347,10 +389,36 @@
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
-
|
|
|
-
|
|
|
+ display: flex;
|
|
|
+ .btncontact{
|
|
|
+ width: 19%;
|
|
|
+ font-size: 36rpx;
|
|
|
+ height: 96rpx;
|
|
|
+ //line-height: 96rpx;
|
|
|
+ padding: 0px;
|
|
|
+ border-radius: 8px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+ .grid-text {
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ margin-top: 8rpx;
|
|
|
+ line-height: 10px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ width: 56rpx;
|
|
|
+ height: 56rpx;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.sign-up {
|
|
|
-
|
|
|
+ width: 79%;
|
|
|
height: 96rpx;
|
|
|
line-height: 96rpx;
|
|
|
border-radius: 8px;
|
zhengkaixin