123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <template>
- <div class="module-item-tuijian" :style="!module.base.m ? 'margin-top:0' : ''">
- <div class="item-tuijian-con">
- <moduleBg :base="module.base" />
- <moduleTwtit :title="module.title" v-if="module.title.s" />
- <!--样式一-->
- <div class="item-tuijian-style1" v-if="module.base.s == 0">
- <div class="item" v-for="(item,index) in module.list" @click="$util.openAttr(module.list,index)" :key="index">
- <p v-if="item.img"><image mode="aspectFill" :src="item.img" /></p>
- <p v-else><image mode="aspectFill" :src="$util.icon('img.jpg')" alt=""></p>
- <div class="note" v-if="module.note.s"><moduleText :text="module.note" :name="item.m" /></div>
- </div>
- </div>
- </div>
- </div>
- </template>
- <script>
- import moduleBg from './bg.vue';
- import moduleText from './text.vue';
- import moduleTwtit from './twtit.vue';
- export default {
- props: ['module'],
- components: { moduleBg, moduleText, moduleTwtit},
- data() {
- return {};
- },
- mounted() {
- // console.log(this.module,"module")
- },
- watch:{
- module(value){
- // console.log(value,"value")
- }
- },
- methods: {
-
- }
- };
- </script>
- <style>
- .module-item-tuijian {
- margin-top: 10px;
- position: relative;
- }
- .module-item-tuijian .mg0 {
- margin-top: 0;
- }
- .module-item-tuijian .item-tuijian-con {
- position: relative;
- overflow: hidden;
- }
- .module-item-tuijian .item-tuijian-style1 {
- position: relative;
- z-index: 1;
- padding: 10px 0;
- overflow: hidden;
- }
- .module-item-tuijian .item-tuijian-style1 .item {
- margin: 0 10px;
- margin-bottom: 10px;
- position: relative;
- overflow: hidden;
- }
- .module-item-tuijian .item-tuijian-style1 .item image {
- object-fit: cover;
- display: block;
- height: 150px;
- width: 100%;
- }
- .module-item-tuijian .item-tuijian-style1 .item .note {
- line-height: 18px;
- color: #fff;
- background: rgba(0, 0, 0, 0.5);
- position: absolute;
- bottom: 0;
- padding: 6px 10px;
- width: 100%;
- }
- </style>
|