mirror of
https://gitee.com/niucloud-team/niucloud.git
synced 2025-12-11 09:32:48 +00:00
56 lines
1.6 KiB
Vue
56 lines
1.6 KiB
Vue
<template>
|
||
<view class="min-h-[100vh]" :style="themeColor()">
|
||
<view class="contact-wrap pt-[22%]">
|
||
<image :src="img('static/resource/images/member/contact_service.png')" mode="widthFix" />
|
||
<view class="mt-[40rpx] text-[28rpx]">欢迎您联系我们，提供您宝贵的意见！</view>
|
||
<nc-contact
|
||
:send-message-title="sendMessageTitle"
|
||
:send-message-path="sendMessagePath"
|
||
:send-message-img="sendMessageImg">
|
||
<button type="primary" class="btn-wrap font-500 primary-btn-bg">{{ t('customerService') }}</button>
|
||
</nc-contact>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { t } from '@/locale'
|
||
import { img } from '@/utils/common';
|
||
import { ref } from 'vue';
|
||
import { onLoad } from '@dcloudio/uni-app';
|
||
|
||
const sendMessageTitle = ref('')
|
||
const sendMessagePath = ref('')
|
||
const sendMessageImg = ref('')
|
||
|
||
sendMessageImg.value = img('static/resource/images/member/contact_service.png')
|
||
|
||
onLoad((data: any) => {
|
||
data.send_title && (sendMessageTitle.value = data.send_title)
|
||
data.send_path && (sendMessagePath.value = decodeURIComponent(data.send_path))
|
||
data.send_img && (sendMessageImg.value = decodeURIComponent(data.send_img))
|
||
})
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.contact-wrap {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
|
||
image {
|
||
width: 674rpx;
|
||
}
|
||
|
||
.btn-wrap {
|
||
margin-top: 100rpx;
|
||
width: 500rpx;
|
||
height: 80rpx;
|
||
font-size: 26rpx;
|
||
border-radius: 100rpx;
|
||
line-height: 80rpx;
|
||
}
|
||
}
|
||
</style>
|