完善页面细节3
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user