首页细节调整

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,30 +1,30 @@
<template>
<template>
<view class="member-price-page">
<view class="page-header">
<view class="back-link" @click="goBack">
<text class="arrow">{"<"}</text>
<text class="back-txt">杩斿洖</text>
<text class="back-txt">返回</text>
</view>
<text class="header-title">浼氬憳浠风鐞?/text>
<text class="header-title">会员价管理</text>
</view>
<view class="content-card">
<view class="product-info">
<image class="p-img" src="https://img1.baidu.com/it/u=254065646,3100346083&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" mode="aspectFill" />
<text class="p-name">UR2024澶忓鏂版濂宠澶嶅彜绾姘涘洿鎰熶竴瀛楄偐鐭T鎭よ</text>
<text class="p-name">UR2024夏季新款女装复古纯欲氛围感一字肩短款T恤衫</text>
</view>
<view class="price-table">
<view class="th-row">
<view class="th flex-2"><text>瑙勬牸鍚嶇О</text></view>
<view class="th flex-1"><text>鍞环</text></view>
<view class="th flex-1"><text>鏅€氫細鍛樹环</text></view>
<view class="th flex-1"><text>榛勯噾浼氬憳浠?/text></view>
<view class="th flex-1"><text>閾傞噾浼氬憳浠?/text></view>
<view class="th flex-2"><text>规格名称</text></view>
<view class="th flex-1"><text>售价</text></view>
<view class="th flex-1"><text>普通会员价</text></view>
<view class="th flex-1"><text>黄金会员价</text></view>
<view class="th flex-1"><text>铂金会员价</text></view>
</view>
<view class="tr-row">
<view class="td flex-2"><text>XL,鍗″叾</text></view>
<view class="td flex-1"><text>锟?9.00</text></view>
<view class="td flex-2"><text>XL,卡其</text></view>
<view class="td flex-1"><text>¥99.00</text></view>
<view class="td flex-1"><input class="price-input" value="89.00" /></view>
<view class="td flex-1"><input class="price-input" value="79.00" /></view>
<view class="td flex-1"><input class="price-input" value="69.00" /></view>
@@ -32,7 +32,7 @@
</view>
<view class="footer-btns">
<button class="btn-save">淇濆瓨璁剧疆</button>
<button class="btn-save">保存设置</button>
</view>
</view>
</view>
@@ -47,7 +47,7 @@ function goBack() {
</script>
<style scoped lang="scss">
.member-price-page { /* padding removed */ background: #f5f7f9; }
.member-price-page { padding: 20px; background: #f5f7f9; min-height: 100vh; }
.page-header { display: flex; flex-direction: row; align-items: center; gap: 16px; margin-bottom: 20px;
.back-link { display: flex; flex-direction: row; align-items: center; gap: 4px; color: #666; cursor: pointer; }
.header-title { font-size: 16px; font-weight: bold; color: #333; }
@@ -66,4 +66,3 @@ function goBack() {
.price-input { border: 1px solid #dcdfe6; border-radius: 4px; height: 32px; padding: 0 8px; text-align: center; width: 80%; font-size: 13px; }
.footer-btns { margin-top: 40px; display: flex; justify-content: center; .btn-save { background: #1890ff; color: #fff; border: none; padding: 0 32px; height: 40px; border-radius: 4px; } }
</style>