Skip to content

S
sensorConsult
Commit c03bd43e authored by zhanglw's avatar zhanglw
Browse files
Options

首页

parent 793b35c6
Hide whitespace changes
Inline Side-by-side
Showing with 83 additions and 76 deletions
src/views/homepage/components/userLogin.vue
View file @ c03bd43e
...@@ -35,4 +35,7 @@ export default { ...@@ -35,4 +35,7 @@ export default {
cursor:pointer; cursor:pointer;
user-select: none; user-select: none;
} }
.user-login-box:hover {
opacity: 0.85;
}
</style> </style>
src/views/homepage/index.vue
View file @ c03bd43e
...@@ -21,88 +21,92 @@ ...@@ -21,88 +21,92 @@
<div class="content-box"> <div class="content-box">
<div class="showcase"> <div class="showcase">
<!--产品展柜--> <!--产品展柜-->
<div v-for="(item,index) in showcaseProducts" :key="'p_'+index" class="box-card" style="padding-top: 20px;"> <div style="padding-top: 20px">
<img v-if="item.isGood" src="@/assets/home_images/recommend.png" class="stamp" title="推荐" style="top: 10px;right: 8px"> <div v-for="(item,index) in showcaseProducts" :key="'p_'+index" class="box-card">
<img v-if="item.isHot" src="@/assets/home_images/hot.png" class="stamp" title="热门" style="top: 0;left: 0"> <img v-if="item.isGood" src="@/assets/home_images/recommend.png" class="stamp" title="推荐" style="top: 10px;right: 8px">
<el-image <img v-if="item.isHot" src="@/assets/home_images/hot.png" class="stamp" title="热门" style="top: 0;left: 0">
:src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct" <el-image
:preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]" :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct"
style="width:284px;height: 284px;margin: 0 32px 4px" :preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]"
> style="width:284px;height: 284px;margin: 0 32px 4px"
<div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div> >
</el-image> <div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div>
<el-row> </el-image>
<el-col :span="21"> <el-row>
<div class="title touch" :title="item.title" @click="goToDetails(item, 'product')">{{ item.title }}</div> <el-col :span="21">
</el-col> <div class="title touch" :title="item.title" @click="goToDetails(item, 'product')">{{ item.title }}</div>
<el-col :span="3"> </el-col>
<img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" @click="storeShowcase(item, 'product')"> <el-col :span="3">
<img v-else class="touch" src="@/assets/home_images/to_like.png" @click="storeShowcase(item, 'product')"> <img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" @click="storeShowcase(item, 'product')">
</el-col> <img v-else class="touch" src="@/assets/home_images/to_like.png" @click="storeShowcase(item, 'product')">
</el-row> </el-col>
<el-row> </el-row>
<el-col :span="24"> <el-row>
<div class="subTitle" :title="item.subTitle">{{ item.subTitle }}</div> <el-col :span="24">
</el-col> <div class="subTitle" :title="item.subTitle">{{ item.subTitle }}</div>
</el-row> </el-col>
<el-row style="margin-top: 6px"> </el-row>
<el-col :span="3" style="padding-left: 20px"> <el-row style="margin-top: 6px">
<img src="@/assets/home_images/locate.png"> <el-col :span="3" style="padding-left: 20px">
</el-col> <img src="@/assets/home_images/locate.png">
<el-col :span="13"> </el-col>
<div class="area">{{ item.area }}</div> <el-col :span="13">
</el-col> <div class="area">{{ item.area }}</div>
<el-col :span="8"> </el-col>
<div class="date">{{ item.date }}</div> <el-col :span="8">
</el-col> <div class="date">{{ item.date }}</div>
</el-row> </el-col>
<div class="line-btn" style="margin-top: 4px"> </el-row>
<div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'product')">询 价</div> <div class="line-btn" style="margin-top: 4px">
<div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'product')">询 价</div>
</div>
</div> </div>
<div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('product')">更多产品>></span></div>
</div> </div>
<div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('product')">更多产品>></span></div>
<!--供应商展柜--> <!--供应商展柜-->
<div class="line-title"><div class="title-point" /><span class="title-text">供应商</span><div class="title-line" /></div> <div class="line-title"><div class="title-point" /><span class="title-text">供应商</span><div class="title-line" /></div>
<div v-for="(item,index) in showcaseSuppliers" :key="'s_'+index" class="box-card" style="padding-top: 20px;"> <div style="padding-top: 20px">
<img v-if="item.isGood" src="@/assets/home_images/diamond.png" class="stamp" title="推荐" style="top: 10px;right: 8px"> <div v-for="(item,index) in showcaseSuppliers" :key="'s_'+index" class="box-card" style="padding-top: 20px;">
<img v-if="item.isHot" src="@/assets/home_images/hot.png" class="stamp" title="热门" style="top: 0;left: 0"> <img v-if="item.isGood" src="@/assets/home_images/diamond.png" class="stamp" title="推荐" style="top: 10px;right: 8px">
<el-image <img v-if="item.isHot" src="@/assets/home_images/hot.png" class="stamp" title="热门" style="top: 0;left: 0">
:src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct" <el-image
:preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]" :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct"
style="width:284px;height: 284px;margin: 0 32px 4px" :preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]"
> style="width:284px;height: 284px;margin: 0 32px 4px"
<div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div> >
</el-image> <div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div>
<el-row> </el-image>
<el-col :span="21"> <el-row>
<div class="title touch" :title="item.title" @click="goToDetails(item, 'supplier')">{{ item.title }}</div> <el-col :span="21">
</el-col> <div class="title touch" :title="item.title" @click="goToDetails(item, 'supplier')">{{ item.title }}</div>
<el-col :span="3"> </el-col>
<img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" @click="storeShowcase(item, 'supplier')"> <el-col :span="3">
<img v-else class="touch" src="@/assets/home_images/to_like.png" @click="storeShowcase(item, 'supplier')"> <img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" @click="storeShowcase(item, 'supplier')">
</el-col> <img v-else class="touch" src="@/assets/home_images/to_like.png" @click="storeShowcase(item, 'supplier')">
</el-row> </el-col>
<el-row> </el-row>
<el-col :span="24"> <el-row>
<div class="subTitle" :title="item.subTitle">TEL：{{ item.subTitle }}</div> <el-col :span="24">
</el-col> <div class="subTitle" :title="item.subTitle">TEL：{{ item.subTitle }}</div>
</el-row> </el-col>
<el-row style="margin-top: 6px"> </el-row>
<el-col :span="3" style="padding-left: 20px"> <el-row style="margin-top: 6px">
<img src="@/assets/home_images/locate.png"> <el-col :span="3" style="padding-left: 20px">
</el-col> <img src="@/assets/home_images/locate.png">
<el-col :span="13"> </el-col>
<div class="area">{{ item.area }}</div> <el-col :span="13">
</el-col> <div class="area">{{ item.area }}</div>
<el-col :span="8"> </el-col>
<div class="date">{{ item.date }}</div> <el-col :span="8">
</el-col> <div class="date">{{ item.date }}</div>
</el-row> </el-col>
<div class="line-btn" style="margin-top: 4px"> </el-row>
<div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'supplier')">询 价</div> <div class="line-btn" style="margin-top: 4px">
<div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'supplier')">询 价</div>
</div>
</div> </div>
<div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('supplier')">更多供应商>></span></div>
</div> </div>
<div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('supplier')">更多供应商>></span></div>
<!--热门排行榜--> <!--热门排行榜-->
<div class="line-title"><div class="title-point" /><span class="title-text">热门排行榜</span></div> <div class="line-title"><div class="title-point" /><span class="title-text">热门排行榜</span></div>
<el-row :gutter="20" style="padding-top: 20px"> <el-row :gutter="20" style="padding-top: 20px">
......
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