update: 经验栏目UI和数据栏目UI(未完结)

This commit is contained in:
mixtan 2025-07-19 16:40:46 +08:00
parent 99e1d51a98
commit f843b76f63
2 changed files with 26 additions and 23 deletions

View File

@ -216,7 +216,7 @@ export default {
}
.order-content {
margin: 40rpx 0;
margin: 32rpx 0;
.order-list {
display: flex;

View File

@ -1,15 +1,15 @@
<template>
<view class="warehouse-container">
<status-bar :backgroundColor="'#fff'" v-if="true"></status-bar>
<view class="shop-name">{{ dashboardInfo.store_info.store_name }}</view>
<view class="warehouse-content">
<view class="shop-name"><u-icon name="home" size="18"></u-icon>{{ dashboardInfo.store_info.store_name }}</view>
<view class="myui_card warehouse-content">
<view class="warehouse-list">
<view class="warehouse-item" @click="skipu('productList')">
<view class="warehouse-item-img">
<u--image
src="../../static/warehouse/brand-2.png"
:width="44"
:height="44"
:width="32"
:height="32"
></u--image>
</view>
<view class="warehouse-item-name">商品管理</view>
@ -18,8 +18,8 @@
<view class="warehouse-item-img">
<u--image
src="../../static/warehouse/specification.png"
:width="44"
:height="44"
:width="32"
:height="32"
></u--image>
</view>
<view class="warehouse-item-name">规格管理</view>
@ -31,8 +31,8 @@
<view class="warehouse-item-img">
<u--image
src="../../static/warehouse/commodity-type.png"
:width="44"
:height="44"
:width="32"
:height="32"
></u--image>
</view>
<view class="warehouse-item-name">类型管理</view>
@ -41,8 +41,8 @@
<view class="warehouse-item-img">
<u--image
src="../../static/warehouse/classify.png"
:width="44"
:height="44"
:width="32"
:height="32"
></u--image>
</view>
<view class="warehouse-item-name">分类管理</view>
@ -53,8 +53,8 @@
<view class="warehouse-item-img">
<u--image
src="../../static/warehouse/brand-3.png"
:width="44"
:height="44"
:width="32"
:height="32"
></u--image>
</view>
<view class="warehouse-item-name">品牌管理</view>
@ -66,8 +66,8 @@
<view class="warehouse-item-img">
<u--image
src="../../static/warehouse/photo-gallery-1.png"
:width="44"
:height="44"
:width="32"
:height="32"
></u--image>
</view>
<view class="warehouse-item-name">商品图库</view>
@ -129,23 +129,23 @@ export default {
background: #f5f6fa;
.shop-name {
padding: 40rpx 24px;
font-size: 40rpx;
display: flex;
align-items: center;
gap: 10rpx;
padding: 24rpx;
font-size: 32rpx;
font-weight: bold;
background: #fff;
}
.warehouse-content {
margin: 10px;
padding: 20px;
border-radius: 24rpx;
background: #fff;
box-shadow: 0 12rpx 16rpx 0 rgba(0, 0, 0, 0.1);
margin: 32rpx;
.warehouse-list {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10rpx;
.warehouse-item {
display: flex;
@ -153,7 +153,10 @@ export default {
align-items: center;
.warehouse-item-img {
margin-bottom: 20rpx;
margin-bottom: 10rpx;
}
.warehouse-item-name{
font-size: 24rpx;
}
}
}