feat: 联系客服

zjk

2025-12-30 1ce6b4ab92c4d12ea7ba5d3269979866251a7394

feat: 联系客服

 miniprogram/pages.json

@@ -80,7 +80,14 @@
        "navigationBarTitleText": "景区公告",
        "navigationBarBackgroundColor": "#fff"
      }
    }
    },
    {
        "path": "pages/contact/contact",
        "style": {
            "navigationBarTitleText": "联系客服",
            "navigationBarBackgroundColor": "#fff"
        }
    }
  ],
  "subPackages": [
    {

 miniprogram/pages/contact/contact.vue

New file
@@ -0,0 +1,69 @@
<template>
    <view class="container">
        <view class="contact" style="
            background: url('../../static/image/mine/contact.png');background-size: 100% 100%;
        ">
            <view class="content">
                <view class="title">客服联系电话</view>
                <view class="number">283-26559108</view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {

        };
    }
}
</script>

<style>
page {
    background-color: #fff !important;
    height: 100%;
}
</style>
<style lang="scss">
.container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 58rpx 58rpx;

    .contact {
        width: 635rpx;
        height: 635rpx;
        position: relative;

        .content {
            position: absolute;
            bottom: 50rpx;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            text-align: center;

            .title {
                font-family: PingFangSC, PingFang SC;
                font-weight: 600;
                font-size: 27rpx;
                color: #191F3F;
                line-height: 38rpx;
                margin-bottom: 10rpx;
            }

            .number {
                font-family: Plumb, Plumb;
                font-weight: bold;
                font-size: 58rpx;
                color: #191F3F;
                line-height: 65rpx;
            }
        }
    }
}
</style>

 miniprogram/static/image/mine/contact.png