|
|
@@ -5,7 +5,7 @@
|
|
|
<view class="login-container">
|
|
|
<view class="login-content">
|
|
|
<text class="login-title">欢迎使用</text>
|
|
|
- <text class="login-subtitle">请先登录以查看您的花店</text>
|
|
|
+ <text class="login-subtitle">登录查看您的花店</text>
|
|
|
<button class="login-btn" @click="pageTo({url:'/pages/login/index?needBack=1'})">立即登录</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -29,28 +29,42 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view class="function-grid">
|
|
|
- <view class="function-item" @click="">
|
|
|
- <text class="function-icon">📊</text>
|
|
|
- <text class="function-text">统计</text>
|
|
|
- </view>
|
|
|
- <view class="function-item" @click="">
|
|
|
- <text class="function-icon">📍</text>
|
|
|
- <text class="function-text">地址</text>
|
|
|
- </view>
|
|
|
- <view class="function-item message-item" @click="">
|
|
|
- <view class="icon-container">
|
|
|
- <text class="function-icon">💬</text>
|
|
|
- <view class="message-dot"></view>
|
|
|
- </view>
|
|
|
- <text class="function-text">新消息</text>
|
|
|
- </view>
|
|
|
- <view class="function-item" @click="">
|
|
|
- <text class="function-icon">📱</text>
|
|
|
- <text class="function-text">改号码</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="function-grid">
|
|
|
+ <view class="function-item" @click="">
|
|
|
+ <text class="function-icon">📊</text>
|
|
|
+ <text class="function-text">统计</text>
|
|
|
+ </view>
|
|
|
+ <view class="function-item" @click="">
|
|
|
+ <text class="function-icon">📍</text>
|
|
|
+ <text class="function-text">地址</text>
|
|
|
+ </view>
|
|
|
+ <view class="function-item message-item" @click="">
|
|
|
+ <view class="icon-container">
|
|
|
+ <text class="function-icon">💬</text>
|
|
|
+ <view class="message-dot"></view>
|
|
|
+ </view>
|
|
|
+ <text class="function-text">新消息</text>
|
|
|
+ </view>
|
|
|
+ <view class="function-item" @click="">
|
|
|
+ <text class="function-icon">📱</text>
|
|
|
+ <text class="function-text">改号码</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 生日礼物提示横幅 -->
|
|
|
+ <view class="birthday-banner" @click="goToBirthday">
|
|
|
+ <view class="gift-icon-container">
|
|
|
+ <text class="gift-icon">🎁</text>
|
|
|
+ </view>
|
|
|
+ <view class="banner-text">
|
|
|
+ <text class="banner-title">填写生日，有机会领取生日小礼物</text>
|
|
|
+ </view>
|
|
|
+ <view class="banner-button">
|
|
|
+ <text class="button-text">去填写</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
|
|
|
<!-- 花店列表 -->
|
|
|
<view class="shop-list">
|
|
|
@@ -288,6 +302,10 @@ export default {
|
|
|
toRechargeClear(item) {
|
|
|
this.hideMoreOptions()
|
|
|
this.recharge(item)
|
|
|
+ },
|
|
|
+ goToBirthday() {
|
|
|
+ // 跳转到生日填写页面
|
|
|
+ this.pageTo({ url: '/pages/user/birthday' })
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
@@ -510,6 +528,66 @@ page {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ // 生日礼物提示横幅
|
|
|
+ .birthday-banner {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ background: #fff5f5;
|
|
|
+ border-radius: 15upx;
|
|
|
+ padding: 20upx 24upx;
|
|
|
+ margin-top: 20upx;
|
|
|
+ border: 1upx solid #ffe4e4;
|
|
|
+ box-shadow: 0 2upx 8upx rgba(255, 182, 193, 0.2);
|
|
|
+
|
|
|
+ .gift-icon-container {
|
|
|
+ width: 60upx;
|
|
|
+ height: 60upx;
|
|
|
+ background: #ff4757;
|
|
|
+ border-radius: 30upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-right: 20upx;
|
|
|
+ flex-shrink: 0;
|
|
|
+
|
|
|
+ .gift-icon {
|
|
|
+ font-size: 32upx;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .banner-text {
|
|
|
+ flex: 1;
|
|
|
+ margin-right: 20upx;
|
|
|
+
|
|
|
+ .banner-title {
|
|
|
+ font-size: 28upx;
|
|
|
+ color: #ff4757;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 1.4;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .banner-button {
|
|
|
+ background: #ff4757;
|
|
|
+ border-radius: 20upx;
|
|
|
+ padding: 12upx 24upx;
|
|
|
+ flex-shrink: 0;
|
|
|
+
|
|
|
+ .button-text {
|
|
|
+ font-size: 26upx;
|
|
|
+ color: #ffffff;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ transform: scale(0.98);
|
|
|
+ background: #fff0f0;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// 花店列表
|
