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 { .order-content {
margin: 40rpx 0; margin: 32rpx 0;
.order-list { .order-list {
display: flex; display: flex;

View File

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