杨豪 3 years ago
parent
commit
f389f975cb
  1. 49
      pages/demandHall/business/index.vue
  2. 2
      pages/life/index.vue

49
pages/demandHall/business/index.vue

@ -20,12 +20,41 @@
<!-- 商业简报 --> <!-- 商业简报 -->
<view class="news-box acea-row row-middle"> <view class="news-box acea-row row-middle">
<image src="../../../static/images/business-news.png" class="news-img"></image> <image src="../../../static/images/business-news.png" class="news-img"></image>
<view> <view class="news-con-box">
<view class="news-con acea-row row-middle"> <view class="news-con acea-row row-middle">
<image src="../../../static/images/hot-icon.png"></image>2021中国酒店与商用厨具行业品牌盛即将召开 <image src="../../../static/images/hot-icon.png"></image>
<view class="notice-swiper">
<swiper
:autoplay="true"
:interval="5000"
:circular="true"
style="height: 34rpx;"
:duration="1500"
:vertical="true"
>
<swiper-item v-for="(item,i) in 3" :key="i">
<view> 2021中国酒店与商用厨具行业品牌盛即将召开 </view>
</swiper-item>
</swiper>
</view>
</view> </view>
<view class="news-con acea-row row-middle"> <view class="news-con acea-row row-middle">
<image src="../../../static/images/rem-icon.png"></image>2021如何具有商业思维 <image src="../../../static/images/rem-icon.png"></image>
<view class="notice-swiper">
<swiper
:autoplay="true"
:interval="5000"
:circular="true"
style="height: 34rpx;"
:duration="1500"
:vertical="true"
>
<swiper-item v-for="(item,i) in 3" :key="i">
<view> 如何具有商业思维 </view>
</swiper-item>
</swiper>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -235,9 +264,21 @@
height: 78rpx; height: 78rpx;
margin-left: 18rpx; margin-left: 18rpx;
} }
.news-con-box{
width: calc(100% - 100rpx);
}
.news-con { .news-con {
margin-bottom: 6rpx; margin-bottom: 6rpx;
.notice-swiper{
width: calc(100% - 116rpx);
height: 34rpx;
}
.scroll-Y{
height: 34rpx;
.swiper-item{
height: 34rpx;
}
}
} }
.news-con image { .news-con image {

2
pages/life/index.vue

@ -431,7 +431,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: ; // align-items: ;
image { image {
width: 324rpx; width: 324rpx;
height: 190rpx; height: 190rpx;

Loading…
Cancel
Save