|
@@ -1,6 +1,16 @@
|
|
|
<template>
|
|
|
<div class="right-wrap">
|
|
|
- <img src="@/assets/image/banner4.png" alt="banner" class="banner">
|
|
|
+ <!-- <img src="@/assets/image/banner4.png" alt="banner" class="banner"> -->
|
|
|
+ <div class="hot-list-wrap">
|
|
|
+ <el-empty :image-size="200" v-if="bannerList.length < 1"></el-empty>
|
|
|
+ <el-carousel arrow="never" indicator-position="none" height="207px" :interval="5000" v-if="bannerList.length > 0">
|
|
|
+ <el-carousel-item v-for="(item, index) in bannerList" :key="index">
|
|
|
+ <!-- <router-link to="/productTrials"> -->
|
|
|
+ <img style="width: 100%; height: 100%" :src="item.url" class="banner" />
|
|
|
+ <!-- </router-link> -->
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </div>
|
|
|
<div class="notice-board">
|
|
|
<div class="notice-header">
|
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
@@ -153,6 +163,14 @@ import { debounce } from '@/utils/index'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ bannerList: [
|
|
|
+ {
|
|
|
+ url: require('@/assets/image/banner.png')
|
|
|
+ },
|
|
|
+ {
|
|
|
+ url: require('@/assets/image/banner.jpg')
|
|
|
+ },
|
|
|
+ ],
|
|
|
page: 1,
|
|
|
pages: 1,
|
|
|
// tab 列表
|
|
@@ -387,6 +405,9 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
+.hot-list-wrap{
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
button {
|
|
|
-webkit-appearance: none;
|
|
|
-moz-appearance: none;
|