mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2025-12-20 18:05:53 +08:00
新版楼层装修样式修改以及链接修改
This commit is contained in:
@@ -3,7 +3,6 @@
|
||||
<BaseHeader></BaseHeader>
|
||||
<Search></Search>
|
||||
<drawer></drawer>
|
||||
<ShopHeader :detail="storeMsg"></ShopHeader>
|
||||
<div class="shop-item-path">
|
||||
<div class="shop-nav-container">
|
||||
<Breadcrumb>
|
||||
@@ -39,7 +38,7 @@
|
||||
|
||||
<script>
|
||||
import Search from "@/components/Search";
|
||||
import ShopHeader from "@/components/header/ShopHeader";
|
||||
|
||||
import ShowGoods from "@/components/goodsDetail/ShowGoods";
|
||||
import ShowGoodsDetail from "@/components/goodsDetail/ShowGoodsDetail";
|
||||
import { goodsSkuDetail } from "@/api/goods";
|
||||
@@ -176,7 +175,6 @@ export default {
|
||||
watch: {},
|
||||
components: {
|
||||
Search,
|
||||
ShopHeader,
|
||||
ShowGoods,
|
||||
ShowGoodsDetail,
|
||||
},
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="wrapper">
|
||||
<BaseHeader></BaseHeader>
|
||||
<Search @search="handleSearch"></Search>
|
||||
<drawer></drawer>
|
||||
<cateNav></cateNav>
|
||||
<cateNav useClass="background-white"></cateNav>
|
||||
<div class="container">
|
||||
<!-- 商品筛选栏 -->
|
||||
<GoodsClassNav @getParams="getParams"></GoodsClassNav>
|
||||
@@ -261,6 +261,7 @@ export default {
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "../assets/styles/goodsList.scss";
|
||||
|
||||
.goods-show-info > .goods-show-seller > .goods-show-buyer {
|
||||
width: 35px;
|
||||
height: 17px;
|
||||
@@ -288,7 +289,7 @@ export default {
|
||||
}
|
||||
.container {
|
||||
margin: 15px auto;
|
||||
width: 1200px;
|
||||
width: 1184px;
|
||||
min-width: 1000px;
|
||||
position: relative;
|
||||
}
|
||||
@@ -299,92 +300,14 @@ export default {
|
||||
display: flex;
|
||||
}
|
||||
/* ---------------侧边广告栏开始------------------- */
|
||||
.as-box {
|
||||
width: 200px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.goods-show-right {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.goods-show-self {
|
||||
float: left;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
padding: 0 3px;
|
||||
margin-right: 3px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
font-size: 12px;
|
||||
background: #e23a3a;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.goods-show-middle {
|
||||
float: left;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
padding: 0 3px;
|
||||
margin-right: 3px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
font-size: 12px;
|
||||
border: 1px solid rgba(112, 123, 187, 0.8);
|
||||
color: rgba(112, 123, 187, 0.8);
|
||||
}
|
||||
|
||||
// .goods-show-middle:hover {
|
||||
// color: rgba(2, 15, 88, 0.6);
|
||||
// border: 0.2px solid rgba(0, 13, 87, 0.6);
|
||||
// border-radius: 4px;
|
||||
// line-height: 18px;
|
||||
// }
|
||||
|
||||
.item-as-title {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
color: $theme_color;
|
||||
line-height: 36px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.item-as-title span:first-child {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.item-as-title span:last-child {
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
font-size: 10px;
|
||||
color: rgb(204, 204, 204);
|
||||
}
|
||||
.item-as {
|
||||
width: 160px;
|
||||
margin: 18px auto;
|
||||
}
|
||||
.item-as-img {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
.item-as-price span {
|
||||
font-size: 18px;
|
||||
}
|
||||
.item-as-intro {
|
||||
margin-top: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.item-as-selled {
|
||||
margin-top: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.item-as-selled span {
|
||||
color: #005aa0;
|
||||
}
|
||||
/* ---------------侧边广告栏结束------------------- */
|
||||
|
||||
/* ---------------商品栏开始------------------- */
|
||||
.goods-list-box {
|
||||
|
||||
Reference in New Issue
Block a user