首页细节调整

This commit is contained in:
2026-02-06 16:18:04 +08:00
parent d00f0b7412
commit 57846534bc
86 changed files with 2751 additions and 3074 deletions

View File

@@ -1,76 +1,76 @@
<template>
<template>
<view class="user-config-page">
<view class="config-card">
<!-- 椤堕儴 Tab 鍒囨崲 -->
<!-- 顶部 Tab 切换 -->
<view class="config-tabs">
<view
class="tab-item"
:class="{ active: activeTab === 0 }"
@click="activeTab = 0"
>
<text>鐢ㄦ埛绛夌骇閰嶇疆</text>
<text>用户等级配置</text>
</view>
<view
class="tab-item"
:class="{ active: activeTab === 1 }"
@click="activeTab = 1"
>
<text>鏂扮敤鎴疯缃?/text>
<text>新用户设置</text>
</view>
</view>
<view class="config-content">
<!-- 鐢ㄦ埛绛夌骇閰嶇疆琛ㄥ崟 -->
<!-- 用户等级配置表单 -->
<view v-if="activeTab === 0" class="config-form">
<view class="form-item">
<view class="item-label">
<text class="label-text">鐢ㄦ埛绛夌骇鍚敤锛?/text>
<text class="label-text">用户等级启用:</text>
</view>
<view class="item-content">
<radio-group class="radio-group" @change="onLevelEnabledChange">
<label class="radio-label">
<radio value="1" :checked="levelConfig.enabled === '1'" color="#2f54eb" />
<text class="radio-text">寮€鍚?/text>
<text class="radio-text">开启</text>
</label>
<label class="radio-label">
<radio value="0" :checked="levelConfig.enabled === '0'" color="#2f54eb" />
<text class="radio-text">鍏抽棴</text>
<text class="radio-text">关闭</text>
</label>
</radio-group>
<text class="item-desc">鍟嗗煄鐢ㄦ埛绛夌骇鍔熻兘寮€鍚叧闂?/text>
<text class="item-desc">商城用户等级功能开启关闭</text>
</view>
</view>
<view class="form-item">
<view class="item-label">
<text class="label-text">璁㈠崟璧犻€佺粡楠岋細</text>
<text class="label-text">订单赠送经验:</text>
</view>
<view class="item-content">
<input class="config-input" v-model="levelConfig.orderExp" type="number" />
<text class="item-desc">涓嬪崟璧犻€佺敤鎴风粡楠屾瘮渚?(瀹為檯鏀粯1鍏冭禒閫佸灏戠粡楠?</text>
<text class="item-desc">下单赠送用户经验比例 (实际支付1元赠送多少经验)</text>
</view>
</view>
<view class="form-item">
<view class="item-label">
<text class="label-text">閭€鏂拌禒閫佺粡楠岋細</text>
<text class="label-text">邀新赠送经验:</text>
</view>
<view class="item-content">
<input class="config-input" v-model="levelConfig.inviteExp" type="number" />
<text class="item-desc">閭€璇蜂竴涓柊鐢ㄦ埛璧犻€佺敤鎴风粡楠屽€?/text>
<text class="item-desc">邀请一个新用户赠送用户经验值</text>
</view>
</view>
<view class="form-actions">
<button class="submit-btn" type="primary" @click="onSubmit">鎻愪氦</button>
<button class="submit-btn" type="primary" @click="onSubmit">提交</button>
</view>
</view>
<!-- 鏂扮敤鎴疯缃〃鍗?-->
<!-- 新用户设置表单 -->
<view v-else class="config-form">
<view class="form-item">
<view class="item-label">
<text class="label-text">鐢ㄦ埛榛樿澶村儚锛?/text>
<text class="label-text">用户默认头像:</text>
</view>
<view class="item-content">
<view class="avatar-upload">
@@ -79,51 +79,51 @@
<text class="upload-icon">+</text>
</view>
</view>
<text class="item-desc">鍐呯敤鎴烽粯璁ゅご鍍忥紝鍚庡彴娣诲姞鐢ㄦ埛浠ュ強鐢ㄦ埛鐧诲綍鐨勯粯璁ゅご鍍忔樉绀猴紝灏哄(80*80)</text>
<text class="item-desc">内用户默认头像,后台添加用户以及用户登录的默认头像显示,尺寸(80*80)</text>
</view>
</view>
<view class="form-item">
<view class="item-label">
<text class="label-text">寮哄埗鎵嬫満鍙风櫥褰曪細</text>
<text class="label-text">强制手机号登录:</text>
</view>
<view class="item-content">
<radio-group class="radio-group" @change="onForcePhoneChange">
<label class="radio-label">
<radio value="1" :checked="newUserConfig.forcePhone === '1'" color="#2f54eb" />
<text class="radio-text">寮哄埗</text>
<text class="radio-text">强制</text>
</label>
<label class="radio-label">
<radio value="0" :checked="newUserConfig.forcePhone === '0'" color="#2f54eb" />
<text class="radio-text">涓嶅己鍒?/text>
<text class="radio-text">不强制</text>
</label>
</radio-group>
<text class="item-desc">鐢ㄦ埛鍦ㄦ巿鏉冧箣鍚庡己鍒剁粦瀹氭墜鏈哄彿锛屽彲浠ュ疄鐜扮敤鎴峰绔粺涓€</text>
<text class="item-desc">用户在授权之后强制绑定手机号,可以实现用户多端统一</text>
</view>
</view>
<view class="form-item">
<view class="item-label">
<text class="label-text">璧犻€佷綑棰?鍏?锛?/text>
<text class="label-text">赠送余额(元)</text>
</view>
<view class="item-content">
<input class="config-input" v-model="newUserConfig.giftBalance" type="number" />
<text class="item-desc">鏂扮敤鎴峰鍔遍噾棰濓紝蹇呴』澶т簬绛変簬0锛?涓轰笉璧犻€?/text>
<text class="item-desc">新用户奖励金额必须大于等于00为不赠送</text>
</view>
</view>
<view class="form-item">
<view class="item-label">
<text class="label-text">璧犻€佺Н鍒嗭細</text>
<text class="label-text">赠送积分:</text>
</view>
<view class="item-content">
<input class="config-input" v-model="newUserConfig.giftIntegral" type="number" />
<text class="item-desc">鏂扮敤鎴峰鍔辩Н鍒嗭紝蹇呴』澶т簬绛変簬0锛?涓轰笉璧犻€?/text>
<text class="item-desc">新用户奖励积分必须大于等于00为不赠送</text>
</view>
</view>
<view class="form-actions">
<button class="submit-btn" type="primary" @click="onSubmit">鎻愪氦</button>
<button class="submit-btn" type="primary" @click="onSubmit">提交</button>
</view>
</view>
</view>
@@ -157,11 +157,11 @@ function onForcePhoneChange(e: any) {
}
function onSubmit() {
uni.showLoading({ title: '鎻愪氦涓?..' })
uni.showLoading({ title: '提交中...' })
setTimeout(() => {
uni.hideLoading()
uni.showToast({
title: '淇敼鎴愬姛',
title: '修改成功',
icon: 'success'
})
}, 800)
@@ -170,9 +170,9 @@ function onSubmit() {
<style scoped lang="scss">
.user-config-page {
/* padding removed */
padding: 16px;
background-color: #f0f2f5;
min-height: 100vh;
}
.config-card {
@@ -339,4 +339,3 @@ function onSubmit() {
margin: 0;
}
</style>