|
|
@@ -0,0 +1,193 @@
|
|
|
+<template>
|
|
|
+ <view class="app-content">
|
|
|
+ <view class="section-card contact-card">
|
|
|
+ <view class="section-label">零售花店</view>
|
|
|
+ <view class="contact-tip">
|
|
|
+ 需要申请商城系统，请加下面微信。添加时请注明：
|
|
|
+ <text class="contact-highlight">花店</text>
|
|
|
+ ，否则可能会不通过。
|
|
|
+ </view>
|
|
|
+ <view class="wechat-list">
|
|
|
+ <view class="wechat-item">
|
|
|
+ <view class="qrcode-box">
|
|
|
+ <image
|
|
|
+ class="qrcode-image"
|
|
|
+ :src="`${constant.imgUrl}/shop/contact_mg.jpg`"
|
|
|
+ mode="widthFix"
|
|
|
+ show-menu-by-longpress
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ <view class="qrcode-hint">长按识别二维码</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="section-card contact-card">
|
|
|
+ <view class="section-label">城市批发 / 斗南批发</view>
|
|
|
+ <view class="contact-tip">
|
|
|
+ 需要申请商城系统，请加下面微信。添加时请注明：
|
|
|
+ <text class="contact-highlight">批发店</text>
|
|
|
+ ，否则可能会不通过。
|
|
|
+ </view>
|
|
|
+ <view class="wechat-list">
|
|
|
+ <view class="wechat-item">
|
|
|
+ <view class="qrcode-box">
|
|
|
+ <image
|
|
|
+ class="qrcode-image"
|
|
|
+ :src="`${constant.imgUrl}/shop/contact_st.jpg`"
|
|
|
+ mode="widthFix"
|
|
|
+ show-menu-by-longpress
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ <view class="qrcode-hint">长按识别二维码</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ export default {
|
|
|
+ name: "contact",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ constant: this.$constant
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init() {},
|
|
|
+ copyWechat(wechatId) {
|
|
|
+ uni.setClipboardData({
|
|
|
+ data: wechatId,
|
|
|
+ success: () => {
|
|
|
+ // #ifndef MP-WEIXIN
|
|
|
+ this.$msg("复制成功");
|
|
|
+ // #endif
|
|
|
+ },
|
|
|
+ fail: () => {
|
|
|
+ this.$msg("复制失败");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ onShareAppMessage() {
|
|
|
+ return {
|
|
|
+ title: "公告",
|
|
|
+ path: "pagesPurchase/contact",
|
|
|
+ imageUrl: ""
|
|
|
+ };
|
|
|
+ }
|
|
|
+ // #endif
|
|
|
+ };
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <style lang="scss" scoped>
|
|
|
+ .app-content {
|
|
|
+ min-height: 100vh;
|
|
|
+ padding: 24upx 24upx 40upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #f5f7f6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section-card {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 24upx;
|
|
|
+ padding: 32upx 28upx;
|
|
|
+ margin-bottom: 24upx;
|
|
|
+ box-shadow: 0 10upx 28upx rgba(24, 37, 30, 0.06);
|
|
|
+ }
|
|
|
+
|
|
|
+ .section-label {
|
|
|
+ color: #18251e;
|
|
|
+ font-size: 34upx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 48upx;
|
|
|
+ margin-bottom: 20upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section-desc {
|
|
|
+ color: #333;
|
|
|
+ font-size: 30upx;
|
|
|
+ line-height: 46upx;
|
|
|
+ margin-bottom: 24upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .guide-card .image-box {
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 16upx;
|
|
|
+ overflow: hidden;
|
|
|
+ border: 1upx solid #eef1ef;
|
|
|
+ }
|
|
|
+
|
|
|
+ .guide-image {
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .software-notice {
|
|
|
+ color: #e65c00;
|
|
|
+ font-size: 32upx;
|
|
|
+ line-height: 44upx;
|
|
|
+ padding: 20upx 28upx;
|
|
|
+ margin-bottom: 24upx;
|
|
|
+ background: #fff7f0;
|
|
|
+ border-radius: 16upx;
|
|
|
+ border: 1upx solid #ffd9b8;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .contact-tip {
|
|
|
+ color: #5c6661;
|
|
|
+ font-size: 28upx;
|
|
|
+ line-height: 44upx;
|
|
|
+ margin-bottom: 24upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .contact-highlight {
|
|
|
+ color: #09c567;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat-list {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wechat-item {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ padding: 28upx 24upx 32upx;
|
|
|
+ border-radius: 18upx;
|
|
|
+ background: #f7faf8;
|
|
|
+ margin-top: 20upx;
|
|
|
+
|
|
|
+ &:first-child {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .qrcode-box {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 420upx;
|
|
|
+ border-radius: 16upx;
|
|
|
+ overflow: hidden;
|
|
|
+ border: 1upx solid #eef1ef;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qrcode-image {
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qrcode-hint {
|
|
|
+ margin-top: 20upx;
|
|
|
+ color: black;
|
|
|
+ font-size: 32upx;
|
|
|
+ line-height: 40upx;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ </style>
|
