完善页面细节3

This commit is contained in:
2026-02-25 15:44:38 +08:00
parent 1924272182
commit 4bb876e60e
8 changed files with 415 additions and 272 deletions

View File

@@ -1,8 +1,18 @@
<template>
<view class="admin-decoration-home">
<view class="page-header border-shadow">
<view class="header-left">
<text class="page-title">店铺装修</text>
</view>
<view class="header-right">
<!-- 如果需要右上角按钮可添加 -->
</view>
</view>
<view class="content-container">
<!-- 左侧:手机预览区 -->
<view class="preview-section border-shadow">
<view class="main-card border-shadow">
<!-- 左侧:手机预览区 -->
<view class="preview-section">
<view class="phone-mock">
<view class="phone-inner">
<view class="phone-header-img">
@@ -88,7 +98,7 @@
<!-- 右侧:列表管理区 -->
<view class="list-section">
<view class="manage-card border-shadow">
<view class="manage-card">
<view class="action-bar">
<view class="btn-primary-blue mr-10" @click="handleAdd">
<text class="btn-txt">添加页面</text>
@@ -156,7 +166,6 @@
</view>
</view>
</view>
</view>
<!-- 添加页面侧边栏 -->
<view v-if="showDrawer" :class="['drawer-mask', isClosing ? 'mask-fade-out' : '']" @click="closeDrawer">
@@ -281,6 +290,17 @@ const handleSaveDesign = () => {
min-height: auto;
}
.page-header {
height: 60px;
padding: 0 24px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.page-title { font-size: 16px; font-weight: 600; color: #303133; }
.border-shadow {
background-color: #fff;
border-radius: 4px;
@@ -290,7 +310,16 @@ const handleSaveDesign = () => {
.content-container {
display: flex;
flex-direction: row;
gap: 20px;
margin-top: 20px;
}
.main-card {
flex: 1;
display: flex;
flex-direction: row;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
/* 左侧手机预览区 */
@@ -301,6 +330,7 @@ const handleSaveDesign = () => {
justify-content: center;
align-items: center;
padding: 40px 0;
border-right: 1px solid #f0f0f0;
}
.phone-mock {