|
@@ -1,825 +1,115 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <view class="index-box box-border-box flex-common-css" @click.stop="play()">
|
|
|
|
|
- <view class="flex-justify-space box-border-box plr-32">
|
|
|
|
|
- <image class="logo-img" src="@/static/img/c-logo.png" mode="scaleToFill"></image>
|
|
|
|
|
- <image class="music-img" v-if="!isIos" :class="isPlay?'music-anumation':'music-anumation'"
|
|
|
|
|
- src="@/static/img/c-music.png" mode="scaleToFill" @click.stop="musicPause()"></image>
|
|
|
|
|
- <mumu-music v-else ref="musicObj"
|
|
|
|
|
- musicSrc='https://jhxcnc.oss-cn-chengdu.aliyuncs.com/mp3/4272600974.mp3'></mumu-music>
|
|
|
|
|
|
|
+ <view class="flex-direction plr-100-30 box-sizing-border">
|
|
|
|
|
+ <view class="align-items-center flex-justify-center pt-50 mb-20">
|
|
|
|
|
+ <view class="sys-color-547BFA sys-size-32">
|
|
|
|
|
+ ¥
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="sys-color-547BFA sys-size-64 sys-weight-bold">
|
|
|
|
|
+ {{orderInfo.pay_money}}
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <view class="swiper">
|
|
|
|
|
- <!-- 邀请函 -->
|
|
|
|
|
- <view>
|
|
|
|
|
- <view class="f-wh swiper-item index-1">
|
|
|
|
|
- <image class="img-text wow animate__animated animate__bounceInUp" src="@/static/img/yqh-text-1.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <view class="" v-if="isEnroll">
|
|
|
|
|
- <view
|
|
|
|
|
- class="fs-40 fc-E2E7FA text-align-center mb-16 wow animate__animated animate__bounceInLeft">
|
|
|
|
|
- 科技创新体系•助推实体经济发展</view>
|
|
|
|
|
- <image class="zhw-img-text mb-16 wow animate__animated animate__bounceInLeft"
|
|
|
|
|
- src="@/static/img/index-text-3.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view
|
|
|
|
|
- class="fs-32 fc-E2E7FA text-align-center mb-72 wow animate__animated animate__bounceInLeft">
|
|
|
|
|
- 招商说明会 </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="" v-else>
|
|
|
|
|
- <view
|
|
|
|
|
- class="fs-40 fc-E2E7FA text-align-center mb-16 wow animate__animated animate__bounceInLeft">
|
|
|
|
|
- 畅通国民经济循环 发展新质生产力</view>
|
|
|
|
|
- <view
|
|
|
|
|
- class="fs-40 fc-E2E7FA text-align-center mb-16 wow animate__animated animate__bounceInLeft">
|
|
|
|
|
- 实现共同富裕</view>
|
|
|
|
|
- <view
|
|
|
|
|
- class="fs-32 fc-E2E7FA text-align-center mb-72 wow animate__animated animate__bounceInLeft">
|
|
|
|
|
- 招商说明会 </view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <image class="img-xian wow animate__animated animate__bounceInUp" src="@/static/img/xian.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
-
|
|
|
|
|
- <view class="fs-32 fc-CFB591 fw-500 text-align-left mb-40 ml-80">
|
|
|
|
|
- 主办单位:重庆振合网科技集团
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="display-flex mb-72 ml-80">
|
|
|
|
|
- <view class="fs-32 fc-CFB591 fw-500">协办单位:</view>
|
|
|
|
|
- <view class="">
|
|
|
|
|
- <view class="fs-32 fc-CFB591 fw-500 text-align-left">中国信用网</view>
|
|
|
|
|
- <view class="fs-32 fc-CFB591 fw-500 text-align-left">重庆电视台《重庆特色》栏目</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="align-items-center flex-justify-center cg-box">
|
|
|
|
|
+ <uni-icons class="mr-10" type="checkbox-filled" size="25" color="#547BFA"></uni-icons>
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+ 支付成功
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- 诚挚邀请 -->
|
|
|
|
|
- <view>
|
|
|
|
|
- <view class="swiper-item">
|
|
|
|
|
- <view class="index-2" >
|
|
|
|
|
- <image class="text-img-3 wow animate__animated animate__bounceInUp"
|
|
|
|
|
- src="@/static/img/hynr-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp">
|
|
|
|
|
- 党的二十大三中全会提出,“让国家变得更加富强,让社会变得更加公平公正,让人民生活得更加美好”。
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp">
|
|
|
|
|
- 振合网将以互联网注入实体经济数字化转型为导向,帮助生产厂家,传统代理商解决销售难、资金难、库存压力大。帮助实体店摆脱困境,实现跨界收益和互联网收益,助推实体经济数字化转型升级发展。
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="fs-32 fc-CFB591 text-box wow animate__animated animate__bounceInUp">
|
|
|
|
|
- 助推乡村全面振兴,让农户爱上种地,解决返乡民工创业就业难和农产品销售难等问题;在乡村振兴发展的势头中,如何助力乡村振兴、牢固脱贫攻艰的成果,真正实现城乡融合发展。
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="align-items-center flex-justify-space mb-20">
|
|
|
|
|
+ <view class="sys-color-AD flex-shrink0 mr-20">
|
|
|
|
|
+ 商户名称
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
- <!-- 参会名单 -->
|
|
|
|
|
- <view>
|
|
|
|
|
- <view class="swiper-item">
|
|
|
|
|
- <view class="index-2" >
|
|
|
|
|
- <image class="text-img-1 wow animate__animated animate__bounceInUp"
|
|
|
|
|
- src="@/static/img/chdb-text.png" mode="scaleToFill"></image>
|
|
|
|
|
-
|
|
|
|
|
- <image class="text-img-ty wow animate__animated animate__bounceInUp"
|
|
|
|
|
- src="@/static/img/tyjb-text.png" mode="scaleToFill"></image>
|
|
|
|
|
-
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">全国人大常委农委原副主任、现任中国供销合作经济学会会长</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">原国务院研究室主任、国务院国有监事会主席、中央第九巡视组副组长、经济学博士</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">原农业部副部长、国务院研究室副主任</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">原全国工商联副主席、全国政协特聘专家</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">原中宣部副部长、中国文联副主席</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-48">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">国防大学少将(副军职)及其他相关领导</view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <image class="text-img-ty wow animate__animated animate__bounceInUp"
|
|
|
|
|
- src="@/static/img/chdw-text-1.png" mode="scaleToFill"></image>
|
|
|
|
|
-
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">中国信用网</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">重庆电视台</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">全国知名企业</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-24">
|
|
|
|
|
- <image class="icon-img-1" src="@/static/img/icon-img.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 w-588">全国知名品牌代理商</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="sys-size-28">
|
|
|
|
|
+ {{orderInfo.shop_name}}
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
- <!-- 活动地址 -->
|
|
|
|
|
- <view>
|
|
|
|
|
- <view class="swiper-item">
|
|
|
|
|
- <view class="index-2" >
|
|
|
|
|
- <image class="text-img-1 wow animate__animated animate__bounceInUp"
|
|
|
|
|
- src="@/static/img/hdtd-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <image class="img-1 wow animate__animated animate__bounceInUp" src="@/static/img/h-1.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
-
|
|
|
|
|
- <view class="flex-justify-space">
|
|
|
|
|
- <image class="img-2 wow animate__animated animate__bounceInLeft" src="@/static/img/h-2.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
- <image class="img-2 wow animate__animated animate__bounceInRight" src="@/static/img/h-3.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="fc-CFB591 fs-40 text-align-center mb-16 wow animate__animated animate__bounceInUp">
|
|
|
|
|
- 重庆丽呈君顿酒店</view>
|
|
|
|
|
- <view class="fs-28 fc-CFB591 text-align-center wow animate__animated animate__bounceInUp">
|
|
|
|
|
- 地址:重庆市渝北区服装城大道48号</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="align-items-center flex-justify-space mb-20">
|
|
|
|
|
+ <view class="sys-color-AD flex-shrink0 mr-20">
|
|
|
|
|
+ 订单号
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- 地址导航 -->
|
|
|
|
|
- <view>
|
|
|
|
|
- <view class="swiper-item">
|
|
|
|
|
- <view class="index-2">
|
|
|
|
|
- <image class="text-img wow animate__animated animate__bounceInUp"
|
|
|
|
|
- src="@/static/img/dzdh-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="b-f wow animate__animated animate__bounceInUp" @click.stop="toMap()">
|
|
|
|
|
- <image class="img-3" src="@/static/img/map.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="b-c">开始导航</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view
|
|
|
|
|
- class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
|
|
|
|
|
- 签到时间:10月19日</view>
|
|
|
|
|
- <view
|
|
|
|
|
- class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
|
|
|
|
|
- 会议时间:10月20日</view>
|
|
|
|
|
-
|
|
|
|
|
- <view
|
|
|
|
|
- class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">
|
|
|
|
|
- 会议地址:重庆丽呈君顿酒店</view>
|
|
|
|
|
-
|
|
|
|
|
- <view
|
|
|
|
|
- class="fc-CFB591 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight"
|
|
|
|
|
- @click.stop="playPhone()">
|
|
|
|
|
- 联系方式:
|
|
|
|
|
- <uni-icons style="margin-right: 10rpx;" type="phone-filled" color="#f2d4a9" size="14">
|
|
|
|
|
- </uni-icons>
|
|
|
|
|
- 023-67177907
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
|
|
|
|
|
- mode="scaleToFill"></image>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="sys-size-28">
|
|
|
|
|
+ {{orderInfo.rs_sn}}
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
- <!-- 提示 -->
|
|
|
|
|
- <view>
|
|
|
|
|
- <view class="swiper-item">
|
|
|
|
|
- <view class="index-2">
|
|
|
|
|
- <image class="text-img-3 wow animate__animated animate__bounceInUp"
|
|
|
|
|
- src="@/static/img/wxts-text.png" mode="scaleToFill"></image>
|
|
|
|
|
-
|
|
|
|
|
- <view class="align-items-center mb-48">
|
|
|
|
|
- <image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
|
|
|
|
|
- <view class="fc-CFB591 fs-32 w-588">
|
|
|
|
|
- 请您提前规划好行程,确保准时参加会议。
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-48">
|
|
|
|
|
- <image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
|
|
|
|
|
- <view class="fc-CFB591 fs-32 w-588">
|
|
|
|
|
- 请携带好相关证件及资料,以便会议签到和交流,详情请咨询邀约人员。
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="align-items-center mb-214">
|
|
|
|
|
- <image class="icon-img" src="@/static/img/icon-img.png" mode=""></image>
|
|
|
|
|
- <view class="fc-CFB591 fs-32 w-588">
|
|
|
|
|
- 非常感谢您对本次会议的关注和支持,振合网科技集团期待与您相见!
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="fc-CFB591 fs-24 mb-16">
|
|
|
|
|
- 如有任何疑问或需要帮助,请随时联系我们,联系电话:023-67177907
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="playphone-box align-items-center justify-content-center" @click.stop="playPhone()">
|
|
|
|
|
- <uni-icons style="margin-right: 10rpx;" type="phone" color="#333" size="26">
|
|
|
|
|
- </uni-icons>
|
|
|
|
|
- <view class="fs-32 fc-3A2E1C">一键拨打</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="align-items-center flex-justify-space mb-64">
|
|
|
|
|
+ <view class="sys-color-AD flex-shrink0 mr-20">
|
|
|
|
|
+ 交易流水号
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="sys-size-28">
|
|
|
|
|
+ {{orderInfo.pay_sn}}
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <view class="" v-if="isEnroll">
|
|
|
|
|
- <view class="cy-buttom iphone-buttom" @click.stop="canyu()">参与预约</view>
|
|
|
|
|
|
|
+ <view class="flex-justify-center">
|
|
|
|
|
+ <view @click="jumpOut" class="but-box border-449470 sys-radius-200 text-align-center sys-color-195E3F">
|
|
|
|
|
+ 返回首页
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <uni-popup ref="popup" type="bottom">
|
|
|
|
|
- <scroll-view scroll-y="true" class="scroll-view-box">
|
|
|
|
|
- <!-- <view class="scroll-view-box-icon">
|
|
|
|
|
- <uni-icons type="closeempty" size="24" color="#fff"></uni-icons>
|
|
|
|
|
- </view> -->
|
|
|
|
|
-
|
|
|
|
|
- <view class="swiper-item">
|
|
|
|
|
- <view class="index-2">
|
|
|
|
|
- <image class="text-img-2 wow animate__animated animate__bounceInUp"
|
|
|
|
|
- src="@/static/img/cyyy-text-1.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="mb-32">
|
|
|
|
|
- <view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的姓名<span
|
|
|
|
|
- class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
- <input class="wow animate__animated animate__bounceInRight" v-model="fromData.name"
|
|
|
|
|
- type="text" placeholder="请输入您的姓名">
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="mb-32">
|
|
|
|
|
- <view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的手机号<span
|
|
|
|
|
- class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
- <input class="wow animate__animated animate__bounceInRight" v-model="fromData.phone"
|
|
|
|
|
- type="number" placeholder="请输入您的手机号">
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="mb-32">
|
|
|
|
|
- <view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的公司名称<span
|
|
|
|
|
- class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
- <input class="wow animate__animated animate__bounceInRight" v-model="fromData.corporate"
|
|
|
|
|
- type="text" placeholder="请输入您的公司名称">
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="mb-32">
|
|
|
|
|
- <view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的代理品牌<span
|
|
|
|
|
- class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
- <input class="wow animate__animated animate__bounceInRight" v-model="fromData.brand"
|
|
|
|
|
- type="text" placeholder="请输入您的代理品牌">
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="mb-32">
|
|
|
|
|
- <view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">邀请人<span
|
|
|
|
|
- class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
- <input class="wow animate__animated animate__bounceInRight" v-model="fromData.inviter"
|
|
|
|
|
- type="text" placeholder="请输入您的邀请人">
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="mb-72">
|
|
|
|
|
- <view class="fc-CFB591 fs-32 mb-16 wow animate__animated animate__bounceInLeft">邀请人手机号<span
|
|
|
|
|
- class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
- <input class="wow animate__animated animate__bounceInRight" v-model="fromData.inviter_phone"
|
|
|
|
|
- type="number" placeholder="请输入邀请人的手机号">
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="flex-justify-space">
|
|
|
|
|
- <view class="save-box wow animate__animated animate__bounceInUp" @click.stop="save()">预约</view>
|
|
|
|
|
- <view class="save-box wow animate__animated animate__bounceInUp" @click.stop="fanhui()">返回</view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </scroll-view>
|
|
|
|
|
- </uni-popup>
|
|
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
</template>
|
|
</template>
|
|
|
|
|
+
|
|
|
<script>
|
|
<script>
|
|
|
import {
|
|
import {
|
|
|
- getJsConfig,
|
|
|
|
|
- userParticipation
|
|
|
|
|
- } from '@/api/user.js';
|
|
|
|
|
- import tools from "@/service/tools";
|
|
|
|
|
- import wxJs from "jweixin-module"
|
|
|
|
|
- import {
|
|
|
|
|
- useBgMusic
|
|
|
|
|
- } from '@/uni_modules/y-bg-music/js_sdk';
|
|
|
|
|
|
|
+ shopOrderInfo
|
|
|
|
|
+ } from '@/api/shop_order';
|
|
|
export default {
|
|
export default {
|
|
|
components: {},
|
|
components: {},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
- userName: '',
|
|
|
|
|
- fromData: {
|
|
|
|
|
- m_id: '',
|
|
|
|
|
- name: '',
|
|
|
|
|
- phone: '',
|
|
|
|
|
- corporate: '',
|
|
|
|
|
- inviter: '', //邀请人
|
|
|
|
|
- inviter_phone: '',
|
|
|
|
|
- brand:'',
|
|
|
|
|
- },
|
|
|
|
|
- isAJAX: false,
|
|
|
|
|
- index: 0,
|
|
|
|
|
- audioServe: undefined,
|
|
|
|
|
- isPlay: false,
|
|
|
|
|
- isAutoPlay: false,
|
|
|
|
|
- isIos: true,
|
|
|
|
|
- isEnroll: true
|
|
|
|
|
-
|
|
|
|
|
|
|
+ orderInfo:{
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onLoad(data) {
|
|
onLoad(data) {
|
|
|
- if (data.noEnroll !== undefined) {
|
|
|
|
|
- this.isEnroll = false
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- onshow() {
|
|
|
|
|
- this.$wow.init();
|
|
|
|
|
- },
|
|
|
|
|
- mounted() {
|
|
|
|
|
- this.userName = uni.getStorageSync('userName');
|
|
|
|
|
- let isWeiXin = tools.isWx();
|
|
|
|
|
- if (isWeiXin) {
|
|
|
|
|
- this.getJsConfig()
|
|
|
|
|
- }
|
|
|
|
|
- // this.musicPlay()
|
|
|
|
|
- const isiOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
|
|
|
|
- this.isIos = isiOS
|
|
|
|
|
- if (isiOS) {
|
|
|
|
|
- console.log('This is an iOS device');
|
|
|
|
|
- } else {
|
|
|
|
|
- this.audioServe = useBgMusic({
|
|
|
|
|
- src: './static/mp3/4272600974.mp3',
|
|
|
|
|
- loop: 999, // 循环次数
|
|
|
|
|
- controls: false // 显示右上角控制元素
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ var mchData = {
|
|
|
|
|
+ action: 'onIframeReady',
|
|
|
|
|
+ displayStyle: 'SHOW_CUSTOM_PAGE'
|
|
|
|
|
+ };
|
|
|
|
|
+ var postData = JSON.stringify(mchData);
|
|
|
|
|
+ parent.postMessage(postData, "https://payapp.weixin.qq.com");
|
|
|
|
|
+ if(data.order_sn) {
|
|
|
|
|
+ this.shopOrderInfo(data.order_sn)
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ mounted() {},
|
|
|
methods: {
|
|
methods: {
|
|
|
- canyu(){
|
|
|
|
|
- this.$refs.popup.open();
|
|
|
|
|
- },
|
|
|
|
|
- fanhui(){
|
|
|
|
|
- this.$refs.popup.close();
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- musicPlay() {
|
|
|
|
|
- // if (!this.audioServe) {
|
|
|
|
|
- // this.audioServe = uni.createInnerAudioContext();
|
|
|
|
|
- // this.audioServe.autoplay = true;
|
|
|
|
|
- // this.audioServe.loop = true;
|
|
|
|
|
- // this.audioServe.obeyMuteSwitch = true;
|
|
|
|
|
- // this.audioServe.src = 'https://jhxcnc.oss-cn-chengdu.aliyuncs.com/mp3/4272600974.mp3';
|
|
|
|
|
- // }
|
|
|
|
|
- // this.audioServe.play();
|
|
|
|
|
- // this.audioServe.onPlay(() => {
|
|
|
|
|
- // this.isPlay = true;
|
|
|
|
|
- // this.isAutoPlay = true
|
|
|
|
|
- // })
|
|
|
|
|
-
|
|
|
|
|
- // 创建bgAudioManager对象
|
|
|
|
|
- // const bgAudioManager = uni.getBackgroundAudioManager();
|
|
|
|
|
- // bgAudioManager.src = 'https://jhxcnc.oss-cn-chengdu.aliyuncs.com/mp3/4272600974.mp3';
|
|
|
|
|
- // // 开始播放的回调函数
|
|
|
|
|
- // bgAudioManager.onPlay(() => {
|
|
|
|
|
- // console.log('开始播放');
|
|
|
|
|
- // });
|
|
|
|
|
- // // 播放报错的事件监听
|
|
|
|
|
- // bgAudioManager.onError((res) => {
|
|
|
|
|
- // console.log(res.errMsg);
|
|
|
|
|
- // console.log(res.errCode);
|
|
|
|
|
- // });
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- play() {
|
|
|
|
|
- if (!this.isPlay && this.audioServe) {
|
|
|
|
|
- // this.audioServe.play();
|
|
|
|
|
- // this.audioServe.onPlay(() => {
|
|
|
|
|
- // this.isPlay = true;
|
|
|
|
|
- // this.isAutoPlay = true
|
|
|
|
|
- // })
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- musicPause() {
|
|
|
|
|
- // if (this.audioServe) {
|
|
|
|
|
- // this.audioServe.pause();
|
|
|
|
|
- // this.audioServe.onPause(() => {
|
|
|
|
|
- // this.isPlay = false;
|
|
|
|
|
- // });
|
|
|
|
|
- // }
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- getJsConfig() {
|
|
|
|
|
- console.log(window.location)
|
|
|
|
|
- let url = window.location.href.split('#')[0];
|
|
|
|
|
- getJsConfig({
|
|
|
|
|
- 'url': url
|
|
|
|
|
- }).then(res => {
|
|
|
|
|
|
|
+ shopOrderInfo(order) {
|
|
|
|
|
+ shopOrderInfo({
|
|
|
|
|
+ order_sn: order
|
|
|
|
|
+ }).then((res) => {
|
|
|
if (res.code === 1) {
|
|
if (res.code === 1) {
|
|
|
- wxJs.config({
|
|
|
|
|
- debug: false,
|
|
|
|
|
- appId: res.data.appid,
|
|
|
|
|
- nonceStr: res.data.noncestr,
|
|
|
|
|
- signature: res.data.signature,
|
|
|
|
|
- timestamp: res.data.timestamp * 1, // 必填,生成签名的时间戳
|
|
|
|
|
- jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData']
|
|
|
|
|
- })
|
|
|
|
|
- wxJs.ready(() => {
|
|
|
|
|
-
|
|
|
|
|
- //自定义“分享给朋友”
|
|
|
|
|
- // this.musicPlay()
|
|
|
|
|
- wxJs.updateAppMessageShareData({
|
|
|
|
|
- title: this.isEnroll ? '振合网“实体联盟”招商说明会-邀请函' :
|
|
|
|
|
- "<畅通国民经济循环 发展新质生产力>研讨会",
|
|
|
|
|
- desc: this.isEnroll ? '10月20日我们不见不散!' : '实现共同富裕',
|
|
|
|
|
- link: "https://enroll.jhcs888.com/#/" + (this.isEnroll ? '' :
|
|
|
|
|
- '?noEnroll=1'), // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
|
|
|
|
|
- imgUrl: this.isEnroll ?
|
|
|
|
|
- 'https://jhnewshop.oss-cn-chengdu.aliyuncs.com/storage/attest/20210927/949e48fb7c286836097efdd4ba4d0bd9.jpg' :
|
|
|
|
|
- 'https://jhxcnc.oss-cn-chengdu.aliyuncs.com/storage/fc1d53858ba9dcd52dc91260e6bc557.png', // 分享图标
|
|
|
|
|
- success: function() {
|
|
|
|
|
- // 设置成功
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- //自定义“分享到朋友圈”
|
|
|
|
|
- wxJs.updateTimelineShareData({
|
|
|
|
|
- title: this.isEnroll ? '振合网“实体联盟”招商说明会-邀请函' :
|
|
|
|
|
- '<畅通国民经济循环 发展新质生产力>研讨会',
|
|
|
|
|
- desc: this.isEnroll ? '10月20日我们不见不散!' : '实现共同富裕',
|
|
|
|
|
- link: "https://enroll.jhcs888.com/#/" + (this.isEnroll ? '' :
|
|
|
|
|
- '?noEnroll=1'), // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
|
|
|
|
|
- imgUrl: this.isEnroll ?
|
|
|
|
|
- 'https://jhnewshop.oss-cn-chengdu.aliyuncs.com/storage/attest/20210927/949e48fb7c286836097efdd4ba4d0bd9.jpg' :
|
|
|
|
|
- 'https://jhxcnc.oss-cn-chengdu.aliyuncs.com/storage/fc1d53858ba9dcd52dc91260e6bc557.png', // 分享图标
|
|
|
|
|
- success: function() {
|
|
|
|
|
- // 设置成功
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- if (this.audioServe) {
|
|
|
|
|
- this.audioServe.play();
|
|
|
|
|
- } else if (!this.isIos) {
|
|
|
|
|
- this.$refs.musicObj.playTo()
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ this.orderInfo = res.data
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- playPhone() {
|
|
|
|
|
- uni.makePhoneCall({
|
|
|
|
|
- phoneNumber: '023-67177907'
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- swiperChange(e) {
|
|
|
|
|
- this.play()
|
|
|
|
|
- if (e.detail.current !== this.index) {
|
|
|
|
|
- this.index = e.detail.current;
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- toMap() {
|
|
|
|
|
- uni.openLocation({
|
|
|
|
|
- latitude: 29.665085,
|
|
|
|
|
- longitude: 106.615366,
|
|
|
|
|
- scale: 18,
|
|
|
|
|
- name: '重庆丽呈君顿酒店',
|
|
|
|
|
- address: '重庆市渝北区服装城大道48号',
|
|
|
|
|
- success() {},
|
|
|
|
|
- fail(error) {}
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- save() {
|
|
|
|
|
- if (this.isAJAX) {
|
|
|
|
|
- return
|
|
|
|
|
|
|
+ jumpOut() {
|
|
|
|
|
+ var mchData = {
|
|
|
|
|
+ action: 'jumpout',
|
|
|
|
|
+ jumpOutUrl: "https://wap.jhcs888.com/"
|
|
|
}
|
|
}
|
|
|
- this.isAJAX = true;
|
|
|
|
|
- this.fromData.m_id = uni.getStorageSync('m_id');
|
|
|
|
|
- userParticipation(this.fromData).then((res) => {
|
|
|
|
|
- if (res.code === 1) {
|
|
|
|
|
- tools.success('预约成功')
|
|
|
|
|
- this.fromData = {
|
|
|
|
|
- m_id: '',
|
|
|
|
|
- name: '',
|
|
|
|
|
- phone: '',
|
|
|
|
|
- corporate: '',
|
|
|
|
|
- inviter: '', //邀请人
|
|
|
|
|
- brand:'',
|
|
|
|
|
- inviter_phone: '',
|
|
|
|
|
- }
|
|
|
|
|
- } else {
|
|
|
|
|
- tools.error(res.msg)
|
|
|
|
|
- }
|
|
|
|
|
- this.isAJAX = false;
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ var postData = JSoN.stringify(mchData)
|
|
|
|
|
+ parent.postMessage(postData, 'https://payapp.weixin.qq.com')
|
|
|
}
|
|
}
|
|
|
- },
|
|
|
|
|
- }
|
|
|
|
|
-</script>
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
|
- .iphone-buttom{
|
|
|
|
|
- padding-bottom: 20rpx;
|
|
|
|
|
- // padding-bottom: constant(safe-area-inset-bottom);
|
|
|
|
|
- // padding-bottom: env(safe-area-inset-bottom);
|
|
|
|
|
- }
|
|
|
|
|
- .f-wh{
|
|
|
|
|
- height: calc(100vh - 168rpx) !important;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .scroll-view-box{
|
|
|
|
|
- background: rgba(5, 19, 103, 1);
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100vh;
|
|
|
|
|
- overflow: auto;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- padding-bottom: 50rpx;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- .scroll-view-box-icon{
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 40rpx;
|
|
|
|
|
- left: 30rpx;
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- .box-yuan {
|
|
|
|
|
- width: 32rpx;
|
|
|
|
|
- height: 32rpx;
|
|
|
|
|
- line-height: 32rpx;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- font-size: 18rpx;
|
|
|
|
|
- color: #061363;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- margin-right: 16rpx;
|
|
|
|
|
- background-color: #CEB48F;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .w-246 {
|
|
|
|
|
- width: 246rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .w-588 {
|
|
|
|
|
- width: 588rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .zhw-img-text {
|
|
|
|
|
- width: 280rpx;
|
|
|
|
|
- height: 40rpx;
|
|
|
|
|
- margin-left: auto;
|
|
|
|
|
- margin-right: auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .playphone-box {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 86rpx;
|
|
|
|
|
- background: linear-gradient(90deg, #E4BD85 0%, #CEB590 100%);
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .index-box {
|
|
|
|
|
- background-image: url('@/static/img/c-bg.png');
|
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .up-icon {
|
|
|
|
|
- width: 64rpx;
|
|
|
|
|
- height: 64rpx;
|
|
|
|
|
- margin: 0 auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- ::v-deep .uni-swiper-wrapper{
|
|
|
|
|
- overflow-y: auto !important;
|
|
|
|
|
- }
|
|
|
|
|
- ::v-deep .uni-swiper-wrapper .uni-swiper-item{
|
|
|
|
|
- overflow-y: auto !important;
|
|
|
|
|
- }
|
|
|
|
|
- .swiper {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow-y: auto !important;
|
|
|
|
|
-
|
|
|
|
|
- .swiper-item {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: auto;
|
|
|
|
|
- overflow-y: auto !important;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .logo-img {
|
|
|
|
|
- width: 136rpx;
|
|
|
|
|
- height: 80rpx;
|
|
|
|
|
- margin-top: 8rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .music-img {
|
|
|
|
|
- margin-top: 16rpx;
|
|
|
|
|
- width: 56rpx;
|
|
|
|
|
- height: 56rpx;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+</script>
|
|
|
|
|
|
|
|
- .music-anumation {
|
|
|
|
|
- animation: rotation 2s linear infinite;
|
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+ .plr-100-30 {
|
|
|
|
|
+ padding: 0 8%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- @keyframes rotation {
|
|
|
|
|
- from {
|
|
|
|
|
- transform: rotate(0deg);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- to {
|
|
|
|
|
- transform: rotate(360deg);
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .pt-50 {
|
|
|
|
|
+ padding-top: 100rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .index-1 {
|
|
|
|
|
- .img-text {
|
|
|
|
|
- width: 384rpx;
|
|
|
|
|
- height: 232rpx;
|
|
|
|
|
- margin: 76rpx auto 36rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .img-xian {
|
|
|
|
|
- width: 10rpx;
|
|
|
|
|
- height: 174rpx;
|
|
|
|
|
- margin: 0 auto 154rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .name-text {
|
|
|
|
|
- width: 392rpx;
|
|
|
|
|
- height: 88rpx;
|
|
|
|
|
- margin: 0 auto 36rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .name-text-1 {
|
|
|
|
|
- width: 288rpx;
|
|
|
|
|
- height: 100rpx;
|
|
|
|
|
- margin: 0 auto 40rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .name-text-2 {
|
|
|
|
|
- width: 424rpx;
|
|
|
|
|
- height: 146rpx;
|
|
|
|
|
- margin: 0 auto 104rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .time-text {
|
|
|
|
|
- width: 274rpx;
|
|
|
|
|
- height: 37rpx;
|
|
|
|
|
- margin: 0 auto 140rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .cy-buttom{
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 80rpx;
|
|
|
|
|
- background: linear-gradient(90deg, #EBC795 0%, #E3BB83 100%);
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- line-height: 80rpx;
|
|
|
|
|
- font-size: 38rpx;
|
|
|
|
|
- font-weight: 600;
|
|
|
|
|
- color: #3A2E1C;
|
|
|
|
|
|
|
+ .cg-box {
|
|
|
|
|
+ padding-bottom: 50rpx;
|
|
|
|
|
+ border-bottom: 1rpx solid #F5F5F5;
|
|
|
|
|
+ margin-bottom: 50rpx;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .index-2 {
|
|
|
|
|
- width: 686rpx;
|
|
|
|
|
- min-height: 1032rpx;
|
|
|
|
|
- background: rgba(5, 19, 103, 0.5);
|
|
|
|
|
- border-radius: 12rpx;
|
|
|
|
|
- border: 2rpx solid #112495;
|
|
|
|
|
- margin: 40rpx auto;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- padding: 32rpx;
|
|
|
|
|
-
|
|
|
|
|
- input {
|
|
|
|
|
- width: 622rpx;
|
|
|
|
|
- height: 80rpx;
|
|
|
|
|
- background: #FFFFFF;
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- padding: 0 20rpx;
|
|
|
|
|
- font-size: 28rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .save-box{
|
|
|
|
|
- width: 48%;
|
|
|
|
|
- height: 80rpx;
|
|
|
|
|
- background: linear-gradient(90deg, #EBC795 0%, #E3BB83 100%);
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- line-height: 80rpx;
|
|
|
|
|
- font-size: 38rpx;
|
|
|
|
|
- font-weight: 600;
|
|
|
|
|
- color: #3A2E1C;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .text-img {
|
|
|
|
|
- width: 302rpx;
|
|
|
|
|
- height: 116rpx;
|
|
|
|
|
- margin: 0 auto 44rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .text-box {
|
|
|
|
|
- line-height: 68rpx;
|
|
|
|
|
- letter-spacing: 4rpx;
|
|
|
|
|
- display: block;
|
|
|
|
|
- text-indent: 72rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .text-img-ty {
|
|
|
|
|
- width: 156rpx;
|
|
|
|
|
- height: 54rpx;
|
|
|
|
|
- margin-bottom: 24rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .text-img-1 {
|
|
|
|
|
- width: 224rpx;
|
|
|
|
|
- height: 116rpx;
|
|
|
|
|
- margin: 0 auto 44rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .text-img-2 {
|
|
|
|
|
- width: 214rpx;
|
|
|
|
|
- height: 116rpx;
|
|
|
|
|
- margin: 0 auto 44rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .text-img-3 {
|
|
|
|
|
- width: 192rpx;
|
|
|
|
|
- height: 116rpx;
|
|
|
|
|
- margin: 0 auto 44rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
- .text-img-4 {
|
|
|
|
|
- width: 314rpx;
|
|
|
|
|
- height: 116rpx;
|
|
|
|
|
- margin: 0 auto 44rpx auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .img-1 {
|
|
|
|
|
- width: 622rpx;
|
|
|
|
|
- height: 328rpx;
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- margin-bottom: 24rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .img-2 {
|
|
|
|
|
- width: 300rpx;
|
|
|
|
|
- height: 214rpx;
|
|
|
|
|
- margin-bottom: 60rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .img-3 {
|
|
|
|
|
- width: 622rpx;
|
|
|
|
|
- height: 354rpx;
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- margin-bottom: 40rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .icon-img {
|
|
|
|
|
- width: 23rpx;
|
|
|
|
|
- height: 23rpx;
|
|
|
|
|
- margin-right: 8rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .icon-img-1 {
|
|
|
|
|
- width: 24rpx;
|
|
|
|
|
- height: 24rpx;
|
|
|
|
|
- margin-right: 16rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .b-f {
|
|
|
|
|
- position: relative;
|
|
|
|
|
-
|
|
|
|
|
- .b-c {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- right: 24rpx;
|
|
|
|
|
- bottom: 22rpx;
|
|
|
|
|
-
|
|
|
|
|
- width: 172rpx;
|
|
|
|
|
- height: 56rpx;
|
|
|
|
|
- background: #2F80ED;
|
|
|
|
|
- border-radius: 4rpx;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- line-height: 56rpx;
|
|
|
|
|
- font-size: 28rpx;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .but-box {
|
|
|
|
|
+ width: 40%;
|
|
|
|
|
+ padding: 15rpx 0;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|