首页细节调整
This commit is contained in:
@@ -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">新用户奖励金额,必须大于等于0,0为不赠送</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">新用户奖励积分,必须大于等于0,0为不赠送</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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user