| @ -1,101 +1,108 @@ | |||||
| <template> | <template> | ||||
| <view class="page"> | |||||
| <view class="frame"> | |||||
| <!--顶部导航栏--> | |||||
| <topbar showRight="0"></topbar> | |||||
| <view class="page"> | |||||
| <view class="frame"> | |||||
| <!--顶部导航栏--> | |||||
| <topbar showRight="0"></topbar> | |||||
| <!--内容区域--> | |||||
| <view class="content"> | |||||
| <view class="bigImg"> | |||||
| <!--换成后端后删除对应的图片--> | |||||
| <img :src="$store.state.pic" alt="" style="width: 100%;height: 100%;"> | |||||
| <!-- <img src="../../static/image/clearanceService.png" alt="" style="width: 100%;height: 100%;"> --> | |||||
| </view> | |||||
| <!--<view class="smallImg">--> | |||||
| <!-- <!–换成后端后删除对应的图片–>--> | |||||
| <!-- <img src="../../static/image/1.png" alt="" style="width: 100%;height: 100%;">--> | |||||
| <!--</view>--> | |||||
| <view class="ljsq"> | |||||
| <span @click="applyClearanceService" class="text"> | |||||
| {{ $t('components.applyNow') }} >> | |||||
| </span> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <!--内容区域--> | |||||
| <view class="content"> | |||||
| <view class="bigImg"> | |||||
| <!--换成后端后删除对应的图片--> | |||||
| <img :src="$store.state.pic" alt="" style="width: 100%;height: 100%;"> | |||||
| <!-- <img src="../../static/image/clearanceService.png" alt="" style="width: 100%;height: 100%;"> --> | |||||
| </view> | |||||
| <!--<view class="smallImg">--> | |||||
| <!-- <!–换成后端后删除对应的图片–>--> | |||||
| <!-- <img src="../../static/image/1.png" alt="" style="width: 100%;height: 100%;">--> | |||||
| <!--</view>--> | |||||
| <view class="ljsq"> | |||||
| <span @click="applyClearanceService" class="text"> | |||||
| {{ $t('components.applyNow') }} >> | |||||
| </span> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <!--底部导航栏--> | |||||
| <tabber select="2"/> | |||||
| </view> | |||||
| <!--底部导航栏--> | |||||
| <tabber select="2" /> | |||||
| </view> | |||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import topbar from "@/components/base/topbar.vue"; | |||||
| import tabber from "@/components/base/tabbar.vue"; | |||||
| import topbar from "@/components/base/topbar.vue"; | |||||
| import tabber from "@/components/base/tabbar.vue"; | |||||
| export default { | |||||
| name: "clearanceService", | |||||
| components: {tabber, topbar}, | |||||
| data() { | |||||
| return {} | |||||
| }, | |||||
| methods: { | |||||
| applyClearanceService(){ | |||||
| uni.navigateTo({ | |||||
| url: `/pages_order/auth/customsClearApply` | |||||
| }) | |||||
| }, | |||||
| }, | |||||
| } | |||||
| export default { | |||||
| name: "clearanceService", | |||||
| components: { | |||||
| tabber, | |||||
| topbar | |||||
| }, | |||||
| data() { | |||||
| return {} | |||||
| }, | |||||
| methods: { | |||||
| applyClearanceService() { | |||||
| if (!uni.getStorageSync('token')) { | |||||
| return this.$utils.toLogin() | |||||
| } | |||||
| uni.navigateTo({ | |||||
| url: `/pages_order/auth/customsClearApply` | |||||
| }) | |||||
| }, | |||||
| }, | |||||
| } | |||||
| </script> | </script> | ||||
| <style scoped lang="scss"> | <style scoped lang="scss"> | ||||
| .page { | |||||
| .frame { | |||||
| .content { | |||||
| height: calc(100vh - 120rpx - 120rpx); | |||||
| background-color: #2d384c; | |||||
| width: 100vw; | |||||
| .page { | |||||
| .frame { | |||||
| .content { | |||||
| height: calc(100vh - 120rpx - 120rpx); | |||||
| background-color: #2d384c; | |||||
| width: 100vw; | |||||
| .bigImg { | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| height: 90%; | |||||
| padding: 20rpx; | |||||
| } | |||||
| .bigImg { | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| height: 90%; | |||||
| padding: 20rpx; | |||||
| } | |||||
| .smallImg { | |||||
| position: absolute; | |||||
| left: calc(50% - 80rpx); | |||||
| bottom: 350rpx; | |||||
| width: 160rpx; | |||||
| height: 160rpx; | |||||
| .smallImg { | |||||
| position: absolute; | |||||
| left: calc(50% - 80rpx); | |||||
| bottom: 350rpx; | |||||
| width: 160rpx; | |||||
| height: 160rpx; | |||||
| } | |||||
| } | |||||
| .ljsq{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| width: 300rpx; | |||||
| height: 70rpx; | |||||
| border-radius: 40rpx; | |||||
| color: #FFF; | |||||
| font-size: 28rpx; | |||||
| margin: 20rpx 10rpx 0 0; | |||||
| background: #FFF; | |||||
| border-radius: 40rpx; | |||||
| position: absolute; | |||||
| left: calc(50% - 150rpx); | |||||
| bottom: 550rpx; | |||||
| .text{ | |||||
| color: #000; | |||||
| font-size: 38rpx; | |||||
| .ljsq { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| width: 300rpx; | |||||
| height: 70rpx; | |||||
| border-radius: 40rpx; | |||||
| color: #FFF; | |||||
| font-size: 28rpx; | |||||
| margin: 20rpx 10rpx 0 0; | |||||
| background: #FFF; | |||||
| border-radius: 40rpx; | |||||
| position: absolute; | |||||
| left: calc(50% - 150rpx); | |||||
| bottom: 550rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .text { | |||||
| color: #000; | |||||
| font-size: 38rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | </style> | ||||