Commit 173265e5 authored by lei's avatar lei

2025.06.18修改

parent ae9bc87c
......@@ -2,15 +2,26 @@
<template>
<header class="header">
<div
class="banner"
@mouseover="stopCarousel"
@mouseout="startCarousel"
>
<div class="banner" @mouseover="stopCarousel" @mouseout="startCarousel">
<div class="banner-bg">
<el-carousel height="520px" :interval="carouselInterval" arrow="never" :loop="true" indicator-position="inside">
<el-carousel
height="520px"
:interval="carouselInterval"
arrow="never"
:loop="true"
indicator-position="inside"
>
<el-carousel-item v-for="item in bannerList" :key="item.id">
<div style="width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;" :style="{backgroundImage:`url(${baseApi}${item.url})`}"></div>
<div
style="
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
"
:style="{ backgroundImage: `url(${baseApi}${item.url})` }"
></div>
</el-carousel-item>
</el-carousel>
</div>
......@@ -46,7 +57,7 @@
>
</div> -->
</div>
<HorizontalMenu :activeIndex="activeIndex" class="header-menu"/>
<HorizontalMenu :activeIndex="activeIndex" class="header-menu" />
</div>
</header>
</template>
......@@ -70,7 +81,7 @@ export default {
},
bannerImage: {
type: String,
default:require("~/static/images/banner.png"),
default: require("~/static/images/banner.png"),
},
logo: {
type: String,
......@@ -87,7 +98,7 @@ export default {
isHover: false,
searchKeyword: "",
keywords: this.initialKeywords.slice(), // Add your keywords here
searchCon: '',
searchCon: "",
total: 0,
carouselInterval: 5000,
query: {
......@@ -95,10 +106,10 @@ export default {
pageSize: 10,
searchCon: null,
},
bannerList:[],
bannerList: [],
};
},
created(){
created() {
this.bannerData();
this.pvAdd();
this.uvAdd();
......@@ -111,26 +122,24 @@ export default {
this.carouselInterval = 5000;
},
handleSearch() {
if(this.query.searchCon){
if (this.query.searchCon) {
this.$router.push({
path: `/Search?search=${this.query.searchCon}`,
});
}else{
} else {
this.$message({
message: "请输入要查询的内容",
type: "error",
});
return
return;
}
},
keywordClick(keyword){
keywordClick(keyword) {
this.$router.push({
path: `/Search?search=${keyword}`,
});
},
async bannerData(){
async bannerData() {
try {
let that = this;
const response = await sendRequest(
......@@ -142,24 +151,18 @@ export default {
console.error("Error fetching data:", error);
}
},
async pvAdd(){
async pvAdd() {
try {
let that = this;
const response = await sendRequest(
`/business/screening/pv`,
"get"
);
const response = await sendRequest(`/business/screening/pv`, "get");
} catch (error) {
console.error("Error fetching data:", error);
}
},
async uvAdd(){
async uvAdd() {
try {
let that = this;
const response = await sendRequest(
`/business/screening/uv`,
"get"
);
const response = await sendRequest(`/business/screening/uv`, "get");
} catch (error) {
console.error("Error fetching data:", error);
}
......@@ -182,17 +185,17 @@ export default {
height: 520px;
// background: url(~/static/images/banner.png) no-repeat center;
// background-size: cover;
.ysjszx{
.ysjszx {
position: absolute;
right: 0;
bottom: -4px;
}
.banner-bg{
.banner-bg {
position: absolute;
width: 100%;
height: 100%;
left:0;
top:0;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
......@@ -206,7 +209,7 @@ export default {
}
.logo {
width: 245px;
width: 350px;
height: 73px;
position: absolute;
top: 30px;
......@@ -230,7 +233,7 @@ export default {
overflow: hidden;
span {
cursor: pointer;
color:#fff;
color: #fff;
&:first-child {
cursor: context-menu;
}
......@@ -262,39 +265,37 @@ export default {
font-size: 24px;
}
::v-deep .el-input__inner {
background-color: rgb(1 82 147 / 30%);
background-image: none;
border: 1px solid rgb(1 82 147 / 30%);
height: 50px;
line-height: 50px;
color:#fff;
color: #fff;
&::-webkit-input-placeholder {
color: #fff;
}
}
}
.header-menu{
.header-menu {
position: absolute;
bottom:0;
left:0;
bottom: 0;
left: 0;
right: 0;
}
::v-deep .el-carousel__indicators--horizontal{
::v-deep .el-carousel__indicators--horizontal {
bottom: 86px;
z-index: 77;
}
::v-deep .el-carousel__button{
::v-deep .el-carousel__button {
width: 8px;
height: 8px;
border-radius: 50%;
}
::v-deep .el-carousel__indicator--horizontal{
::v-deep .el-carousel__indicator--horizontal {
padding: 12px 6px;
}
.inner{
.inner {
height: 50%;
}
</style>
......@@ -16,11 +16,11 @@ export default {
link: [
// { rel: 'stylesheet', href: 'https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css' },
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
{ rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css' },
{ rel: 'stylesheet', href: '/css/swiper-bundle.min.css' },
],
script: [
{ src: 'https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js', body: true },
{ src: 'js/swiper-bundle.min.js', body: true },
{
type: 'text/javascript',
src: '/js/sj.js',
......@@ -79,14 +79,15 @@ export default {
},
env: {
VUE_APP_File_VIEW: "https://cfkyw-package.oss-cn-beijing.aliyuncs.com",
API_URL: process.env.API_URL || '/prod-api',
// API_URL: "http://192.168.2.16:12051/chkq" || '/prod-api',
API_URL: "https://www.cfkyw.com.cn/prod-api" || '/prod-api',
GLOBAL_VARIABLE: {
company:{
name:'赤峰矿业(集团)有限责任公司',
phone:'(0476)567 8669',
email:'50215148258@qq.com',
address:'松山区长胜路与玉龙大街交叉口南100米',
contacts:'吕先生'
company: {
name: '赤峰矿业(集团)有限责任公司',
phone: '(0476)567 8669',
email: '50215148258@qq.com',
address: '松山区长胜路与玉龙大街交叉口南100米',
contacts: '吕先生'
}
}
},
......
<template>
<div class="news cfkqbg">
<BackToTopButton />
<Header :activeIndex="99"/>
<Header :activeIndex="99" />
<div class="m2zrCon m2pubCon background-attachment">
<div class="container">
<div class="inner">
......@@ -28,9 +28,11 @@
<div class="news-detail-file" v-if="content.file">
相关文件:
<p v-for="(file, index) in content.file" :key="index">
<a :href="`/prod-api${file}`" target="_blank">{{
content.fileName[index]
}}</a>
<a
:href="`https://cfkyw-package.oss-cn-beijing.aliyuncs.com/${file}`"
target="_blank"
>{{ content.fileName[index] }}</a
>
</p>
<el-divider></el-divider>
......@@ -96,6 +98,13 @@ export default {
"get"
);
this.content = response.data;
// 进行字符串替换操作
if (response.data.chkqCaContent) {
this.content.chkqCaContent = response.data.chkqCaContent.replace(
/\/prod-api/g,
"https://cfkyw-package.oss-cn-beijing.aliyuncs.com/"
);
}
this.pageTitle = response.data.chkqCaTitle;
} catch (error) {
console.error("Error fetching data:", error);
......
<template>
<div class="news cfkqbg">
<BackToTopButton />
<Header :activeIndex="99"/>
<Header :activeIndex="99" />
<div class="m2zrCon m2pubCon background-attachment">
<div class="container">
<div class="inner">
<div class="news-breadcrumb">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }"
>首页</el-breadcrumb-item
>
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>有色金属产业链</el-breadcrumb-item>
<el-breadcrumb-item>{{ pageTitle }}</el-breadcrumb-item>
</el-breadcrumb>
......@@ -24,9 +21,11 @@
<div class="news-detail-file" v-if="content.file">
相关文件:
<p v-for="(file, index) in content.file" :key="index">
<a :href="`/prod-api${file}`" target="_blank">{{
content.fileName[index]
}}</a>
<a
:href="`https://cfkyw-package.oss-cn-beijing.aliyuncs.com/${file}`"
target="_blank"
>{{ content.fileName[index] }}</a
>
</p>
<el-divider></el-divider>
......@@ -92,6 +91,13 @@ export default {
"get"
);
this.content = response.data;
// 进行字符串替换操作
if (response.data.chkqCaContent) {
this.content.chkqCaContent = response.data.chkqCaContent.replace(
/\/prod-api/g,
"https://cfkyw-package.oss-cn-beijing.aliyuncs.com/"
);
}
this.pageTitle = response.data.ippTitle;
} catch (error) {
console.error("Error fetching data:", error);
......@@ -128,49 +134,46 @@ export default {
}
.news-detail-title {
margin-bottom: 20px;
}
.detailbro-info{
.detailbro-info {
display: flex;
justify-content: space-between;
align-items: center;
.news-detail-share {
font-size: 16px;
margin-bottom: 0px;
span{
span {
display: inline-block;
margin-right: 10px;
}
a{
a {
display: inline-block;
padding: 0;
margin: 0 4px;
height: 26px;
width: 26px;
}
#wx{
#wx {
background: url(~/static/images/cf_bshare_icon01.png) no-repeat center;
}
#wb{
#wb {
background: url(~/static/images/cf_bshare_icon02.png) no-repeat center;
}
#kj{
#kj {
background: url(~/static/images/cf_bshare_icon03.png) no-repeat center;
}
}
.detail-content p {
font-size: 16px;
width: 100%;
}
}
.el-divider--horizontal{
.el-divider--horizontal {
margin-top: 10px;
}
.news-con{
box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, .2);
padding:60px;
.news-con {
box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.2);
padding: 60px;
}
@media (min-width: 1200px) {
.inner {
......@@ -182,8 +185,7 @@ export default {
width: 1250px;
}
}
.cfkqbg{
.cfkqbg {
background: none;
}
</style>
<template>
<div class="news cfkqbg">
<BackToTopButton />
<Header :activeIndex="99"/>
<Header :activeIndex="99" />
<div class="m2zrCon m2pubCon background-attachment">
<div class="container">
<div class="inner">
<div class="news-breadcrumb">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }"
>首页</el-breadcrumb-item
>
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>矿业研发招商政策</el-breadcrumb-item>
<el-breadcrumb-item>{{ pageTitle }}</el-breadcrumb-item>
</el-breadcrumb>
......@@ -29,9 +26,11 @@
<div class="news-detail-file" v-if="content.file">
相关文件:
<p v-for="(file, index) in content.file" :key="index">
<a :href="`/prod-api${file}`" target="_blank">{{
content.fileName[index]
}}</a>
<a
:href="`https://cfkyw-package.oss-cn-beijing.aliyuncs.com/${file}`"
target="_blank"
>{{ content.fileName[index] }}</a
>
</p>
<el-divider></el-divider>
......@@ -97,6 +96,13 @@ export default {
"get"
);
this.content = response.data;
// 进行字符串替换操作
if (response.data.ippContent) {
this.content.ippContent = response.data.ippContent.replace(
/\/prod-api/g,
"https://cfkyw-package.oss-cn-beijing.aliyuncs.com/"
);
}
this.pageTitle = response.data.ippTitle;
} catch (error) {
console.error("Error fetching data:", error);
......@@ -133,49 +139,46 @@ export default {
}
.news-detail-title {
margin-bottom: 20px;
}
.detailbro-info{
.detailbro-info {
display: flex;
justify-content: space-between;
align-items: center;
.news-detail-share {
font-size: 16px;
margin-bottom: 0px;
span{
span {
display: inline-block;
margin-right: 10px;
}
a{
a {
display: inline-block;
padding: 0;
margin: 0 4px;
height: 26px;
width: 26px;
}
#wx{
#wx {
background: url(~/static/images/cf_bshare_icon01.png) no-repeat center;
}
#wb{
#wb {
background: url(~/static/images/cf_bshare_icon02.png) no-repeat center;
}
#kj{
#kj {
background: url(~/static/images/cf_bshare_icon03.png) no-repeat center;
}
}
.detail-content p {
font-size: 16px;
width: 100%;
}
}
.el-divider--horizontal{
.el-divider--horizontal {
margin-top: 10px;
}
.news-con{
box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, .2);
padding:60px;
.news-con {
box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.2);
padding: 60px;
}
@media (min-width: 1200px) {
.inner {
......@@ -187,8 +190,7 @@ export default {
width: 1250px;
}
}
.cfkqbg{
.cfkqbg {
background: none;
}
</style>
<template>
<div class="news cfkqbg">
<BackToTopButton />
<Header :activeIndex="6"/>
<Header :activeIndex="6" />
<!-- <QRCodeComponent text="https://www.example.com" /> -->
<div class="m2zrCon m2pubCon background-attachment">
<div class="container">
<div class="inner">
<div class="news-breadcrumb">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }"
>首页</el-breadcrumb-item
>
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>新闻资讯</el-breadcrumb-item>
<el-breadcrumb-item>{{ pageTitle }}</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div class="inner news-con">
<div class="news-detail-title">{{ content.newsTitle }}</div>
<div class="detailbro-info ">
<div class="detailbro-info">
<div class="news-detail-share">
<span>发布时间:{{ content.releaseTime }}</span>
<span>来源:{{ content.newsOrigin }}</span>
......@@ -27,11 +24,24 @@
</div>
<div class="news-detail-share">
<span>分享到:</span>
<a title="分享到QQ好友" id="wx" class="cup bshare-qqim" @click="shareQQ();"></a>
<a title="分享到新浪微博" id="wb" class="cup bshare-sinaminiblog" @click="shareWb();"></a>
<a title="分享到QQ空间" id="kj" class="cup bshare-qzone" @click="shareQQzone();"></a>
<a
title="分享到QQ好友"
id="wx"
class="cup bshare-qqim"
@click="shareQQ()"
></a>
<a
title="分享到新浪微博"
id="wb"
class="cup bshare-sinaminiblog"
@click="shareWb()"
></a>
<a
title="分享到QQ空间"
id="kj"
class="cup bshare-qzone"
@click="shareQQzone()"
></a>
</div>
<!-- <span>分享:<span @click="shareQQ">qq</span></span> -->
</div>
......@@ -41,9 +51,11 @@
<div class="news-detail-file" v-if="content.file">
相关文件:
<p v-for="(file, index) in content.file" :key="index">
<a :href="`/prod-api${file}`" target="_blank">{{
content.fileName[index]
}}</a>
<a
:href="`https://cfkyw-package.oss-cn-beijing.aliyuncs.com/${file}`"
target="_blank"
>{{ content.fileName[index] }}</a
>
</p>
<el-divider></el-divider>
......@@ -57,7 +69,7 @@
<script>
import axios from "axios";
import { shareQQzone,qq } from "~/utils/tyler";
import { shareQQzone, qq } from "~/utils/tyler";
import CustomHeader from "~/components/CustomHeader.vue";
// import QRCodeComponent from "~/components/QRCodeComponent.vue";
import sendRequest from "~/utils/request.js";
......@@ -103,15 +115,20 @@ export default {
this.pageView(this.$route.query.id);
},
methods: {
shareQQzone(){
shareQQzone({title:this.pageTitle})
shareQQzone() {
shareQQzone({ title: this.pageTitle });
},
shareQQ(){
qq({title:this.pageTitle})
shareQQ() {
qq({ title: this.pageTitle });
},
shareWb(){
shareWb() {
let currUrl = window.location.href;
window.open('http://service.weibo.com/share/share.php?url=' + currUrl + '&title=' + this.pageTitle);
window.open(
"http://service.weibo.com/share/share.php?url=" +
currUrl +
"&title=" +
this.pageTitle
);
},
async fetchData() {
try {
......@@ -121,6 +138,10 @@ export default {
"get"
);
this.content = response.data;
this.content.newsContent = response.data.newsContent.replace(
/\/prod-api/g,
"https://cfkyw-package.oss-cn-beijing.aliyuncs.com"
);
this.pageTitle = response.data.newsTitle;
} catch (error) {
console.error("Error fetching data:", error);
......@@ -157,49 +178,46 @@ export default {
}
.news-detail-title {
margin-bottom: 20px;
}
.detailbro-info{
.detailbro-info {
display: flex;
justify-content: space-between;
align-items: center;
.news-detail-share {
font-size: 16px;
margin-bottom: 0px;
span{
span {
display: inline-block;
margin-right: 10px;
}
a{
a {
display: inline-block;
padding: 0;
margin: 0 4px;
height: 26px;
width: 26px;
}
#wx{
#wx {
background: url(~/static/images/cf_bshare_icon01.png) no-repeat center;
}
#wb{
#wb {
background: url(~/static/images/cf_bshare_icon02.png) no-repeat center;
}
#kj{
#kj {
background: url(~/static/images/cf_bshare_icon03.png) no-repeat center;
}
}
.detail-content p {
font-size: 16px;
width: 100%;
}
}
.el-divider--horizontal{
.el-divider--horizontal {
margin-top: 10px;
}
.news-con{
box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, .2);
padding:60px;
.news-con {
box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.2);
padding: 60px;
}
@media (min-width: 1200px) {
.inner {
......@@ -211,8 +229,7 @@ export default {
width: 1250px;
}
}
.cfkqbg{
.cfkqbg {
background: none;
}
</style>
<template>
<div class="goods-list">
<BackToTopButton />
<Header :activeIndex="5"/>
<Header :activeIndex="5" />
<CommonDialog
:show="dialogVisible"
@close-dialog="handleCloseDialog"
:omDemandName="omDemandName"
/>
<div class="wrapper">
<h1 style="font-size: 16px;"><span style="cursor: pointer;" @click="herfSup">供求信息</span> > 产品列表>{{ categoryName }}</h1>
<h1 style="font-size: 16px">
<span style="cursor: pointer" @click="herfSup">供求信息</span> >
产品列表>{{ categoryName }}
</h1>
<article>
<section class="infomation">
<div class="table">
<div class="search">
<!-- <div class="input-search">
<el-input placeholder="请输入产品名称" v-model="searchForm.name" class="input-with-select" @keyup.enter.native="handleSearch(searchForm.productName)" prefix-icon="el-icon-search">
......@@ -50,7 +51,11 @@
/>
</el-select>
</el-form-item>
<el-form-item label="二级类目" prop="industryLe2" v-if="searchForm.industryLe1">
<el-form-item
label="二级类目"
prop="industryLe2"
v-if="searchForm.industryLe1"
>
<el-select
v-model="searchForm.industryLe2"
placeholder="二级类目"
......@@ -65,7 +70,6 @@
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
......@@ -74,24 +78,30 @@
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
<el-button
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
</div>
<div class="list" v-if="productList">
<ul>
<li v-for="(item, index) in productList" :key="index">
<div @click="goto(item.id)">
<img :src="`${baseApi}${item.appearanceImg&&item.appearanceImg[0]}`" alt="" />
<img
:src="`${baseApi}${
item.appearanceImg && item.appearanceImg[0]
}`"
alt=""
/>
</div>
<h2 @click="goto(item.id)">{{item.productName}}</h2>
<h2 @click="goto(item.id)">{{ item.productName }}</h2>
<h4 @click="openDia(item.productName)">联系平台</h4>
</li>
</ul>
</div>
<div class="list" v-if="!productList">暂无数据</div>
</div>
......@@ -123,9 +133,9 @@ export default {
},
data() {
return {
goodsName:'',
categoryName:'',
showCategoryName:false,
goodsName: "",
categoryName: "",
showCategoryName: false,
baseApi: process.env.VUE_APP_File_VIEW,
dialogVisible: false,
omDemandName: "cs",
......@@ -135,9 +145,8 @@ export default {
commonCode4hangye: [],
productList: [],
searchForm: {},
allLevel:[],
productTypeList:[],
allLevel: [],
productTypeList: [],
};
},
watch: {
......@@ -147,7 +156,7 @@ export default {
},
deep: true,
},
'searchForm.industryLe1'(newVal) {
"searchForm.industryLe1"(newVal) {
// 当一级类目变化时,清空二级类目
// this.searchForm.industryLe2 = null;
},
......@@ -164,9 +173,8 @@ export default {
: [];
},
},
created(){
created() {
this.resetForm();
},
async mounted() {
await this.getProductTypeList(); // 确保类型数据加载完成
......@@ -183,8 +191,8 @@ export default {
);
if (found) {
// 找到对应的父级类目 industryLe1 并赋值
this.$set(this.searchForm, 'industryLe1', firstLevel.id);
this.$set(this.searchForm, 'industryLe2', industryLe2);
this.$set(this.searchForm, "industryLe1", firstLevel.id);
this.$set(this.searchForm, "industryLe2", industryLe2);
console.log("industryLe1:", this.searchForm.industryLe1);
console.log("industryLe2:", this.searchForm.industryLe2);
......@@ -194,38 +202,45 @@ export default {
}
} else if (this.$route.query.industryLe1) {
// 如果 industryLe2 不存在,使用 industryLe1
this.$set(this.searchForm, 'industryLe1', Number(this.$route.query.industryLe1));
this.$set(
this.searchForm,
"industryLe1",
Number(this.$route.query.industryLe1)
);
}
this.getCommoncode();
this.getProductList();
},
methods: {
resetQuery(){
resetQuery() {
this.resetForm();
},
resetForm(){
resetForm() {
this.searchForm = {
industryLe1: null,
industryLe2: null,
pageNum: 1,
pageSize: 10,
productName: null,
}
};
},
goto(id) {
this.$router.push({ path: `/Supply/det?id=${id}` });
},
le1Change(){this.searchForm.industryLe2 = null;},
handleQuery(){},
async handleSearch(){
le1Change() {
this.searchForm.industryLe2 = null;
},
handleQuery() {},
async handleSearch() {
await sendRequest(
"/business/equipmentProducts/listAll?name=" + this.searchForm.productName,
"/business/equipmentProducts/listAll?name=" +
this.searchForm.productName,
"get"
);
this.getProductList(this.searchForm.productName);
},
herfSup(){
herfSup() {
this.$router.push({
path: `/Supply`,
});
......@@ -237,13 +252,11 @@ export default {
async getProductTypeList() {
const result = await sendRequest(
"/business/commodityCategory/tree",
"get",
"get"
);
this.productTypeList = result.data || [];
},
async getHangyeList() {
const result = await sendRequest(
"/business/commodityCategory/list",
"get"
......@@ -251,17 +264,15 @@ export default {
if (result.rows && result.rows.length) {
this.allLevel = result.rows;
}
},
async getProductList() {
let form={
productName:this.searchForm.productName,
}
if(this.searchForm.industryLe2){
form.industry = this.searchForm.industryLe2
}else{
form.industry = this.searchForm.industryLe1
let form = {
productName: this.searchForm.productName,
};
if (this.searchForm.industryLe2) {
form.industry = this.searchForm.industryLe2;
} else {
form.industry = this.searchForm.industryLe1;
}
const result = await sendRequest(
"/business/equipmentProducts/listAll",
......@@ -306,8 +317,8 @@ export default {
<style lang="scss" scoped>
$color: #479aff;
$border-color: #f1f1f1;
.goods-list{
background-color:#F3F3F3;
.goods-list {
background-color: #f3f3f3;
}
.vertical-center {
display: flex;
......@@ -349,9 +360,14 @@ $border-color: #f1f1f1;
color: #333333;
line-height: 35px;
cursor: pointer;
width: 216px;
display: block;
padding: 0px 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
h3 {
font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 400;
......@@ -390,9 +406,9 @@ $border-color: #f1f1f1;
.search {
width: 100%;
margin-bottom: 20px;
border-bottom: 3px solid #F3F3F3;
border-bottom: 3px solid #f3f3f3;
padding: 30px;
.input-search{
.input-search {
width: 30%;
}
......@@ -432,11 +448,10 @@ $border-color: #f1f1f1;
border-radius: 5px;
&.active {
font-weight: bold;
background: #EEEEEE;
background: #eeeeee;
}
&:hover{
background: rgba(238, 238, 238,.5);
&:hover {
background: rgba(238, 238, 238, 0.5);
}
}
}
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment