商品首页完善

This commit is contained in:
陈淳
2022-10-25 10:59:51 +08:00
parent ac70fc37f6
commit fd9f3d04d9
4 changed files with 55 additions and 39 deletions

View File

@@ -453,6 +453,13 @@
</summary> </summary>
<returns></returns> <returns></returns>
</member> </member>
<member name="M:Yi.Framework.ApiMicroservice.Controllers.RoleController.DelList(System.Collections.Generic.List{System.Int64})">
<summary>
删除
</summary>
<param name="ids"></param>
<returns></returns>
</member>
<member name="T:Yi.Framework.ApiMicroservice.Controllers.UserController"> <member name="T:Yi.Framework.ApiMicroservice.Controllers.UserController">
<summary> <summary>
用户管理 用户管理

View File

@@ -36,14 +36,13 @@
} }
.card-div { .card-div {
background-color: #000;
height: 6rem; height: 6rem;
width: 100%; width: 100%;
} }
.bottom-div { .bottom-div {
display: flex; display: flex;
justify-content: center; /* justify-content: center; */
width: 100%; width: 100%;
height: 6rem; height: 6rem;
overflow: hidden; overflow: hidden;
@@ -54,7 +53,6 @@
.card-div-inside { .card-div-inside {
flex: none; flex: none;
display: block; display: block;
margin-top: 0.5rem; margin-top: 0.5rem;
margin-left: 0.5rem; margin-left: 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;

View File

@@ -1,42 +1,48 @@
<template> <template >
<div class="back">
<van-row class="top-div"> <van-col span="3"><van-icon name="circle" size="2rem" /></van-col>
<van-col span="18"> <router-link to="/shopSearch"><van-cell-group inset>
<van-field label="搜索" placeholder="搜索" />
</van-cell-group> </router-link></van-col>
<van-col span="3"><van-icon name="circle" size="2rem" /></van-col></van-row>
<div class="head-div"> <div class="head-div">
<van-swipe <van-swipe
height="100" height="100"
class="my-swipe" class="my-swipe"
:autoplay="3000" :autoplay="3000"
indicator-color="white" indicator-color="white"
> >
<van-swipe-item>1</van-swipe-item> <van-swipe-item>1</van-swipe-item>
<van-swipe-item>2</van-swipe-item> <van-swipe-item>2</van-swipe-item>
<van-swipe-item>3</van-swipe-item> <van-swipe-item>3</van-swipe-item>
<van-swipe-item>4</van-swipe-item> <van-swipe-item>4</van-swipe-item>
</van-swipe> </van-swipe>
</div> </div>
<van-row class="body-row"> <van-row class="body-row">
<van-col span="24">
<van-col span="24"> <van-grid :column-num="4"> <van-grid :column-num="4">
<van-grid-item <van-grid-item
v-for="value in 8" v-for="value in 8"
:key="value" :key="value"
icon="photo-o" icon="photo-o"
text="文字" text="文字"
/> />
</van-grid> </van-col> </van-grid>
<van-col span="24"> <AppCard /></van-col> </van-col>
<van-col span="24"></van-col> <van-col span="24"> <AppCard /></van-col>
<van-col span="24"> <AppCard /></van-col>
<van-col span="24"> <AppCard /></van-col>
<router-link to="/shopSearch">点击前往搜索</router-link>
<br />
</van-row> </van-row>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import AppCard from "@/components/AppCard.vue"; import AppCard from "@/components/AppCard.vue";
</script> </script>
<style> <style>
.my-swipe .van-swipe-item { .my-swipe .van-swipe-item {
color: #fff; color: #fff;
font-size: 20px; font-size: 20px;
@@ -47,7 +53,6 @@ import AppCard from "@/components/AppCard.vue";
.body-row { .body-row {
padding: 1rem; padding: 1rem;
padding-top: 0.2rem; padding-top: 0.2rem;
background-color: #f4f4f4;
margin-top: 1rem; margin-top: 1rem;
} }
.van-swipe { .van-swipe {
@@ -55,14 +60,20 @@ import AppCard from "@/components/AppCard.vue";
margin-left: 1rem; margin-left: 1rem;
margin-right: 1rem; */ margin-right: 1rem; */
} }
.head-div .head-div {
{ padding: 1rem;
background-color: #f4f4f4; padding-bottom: 0;
padding: 1rem;
padding-bottom: 0;
} }
.van-col .body-row .van-col {
{
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.top-div
{
padding: 1rem;
padding-bottom: 0;
}
.back{
background-color: #f4f4f4;
}
</style> </style>