Browse Source

首页 修改轮播图片样式

master
邓宏 2 years ago
parent
commit
3e91bd31e3
  1. 6
      pages/home/index.vue

6
pages/home/index.vue

@ -14,6 +14,7 @@
font-size:24rpx;
display:flex;
justify-content: space-between;
align-items: center;
background:rgba(0,0,0,0.1);
.plant-dingweixiao:before{
font-size:20rpx;
@ -34,6 +35,9 @@
margin-bottom:-80rpx;
.u-transition{
height:100%;
&/deep/ image{
border-radius: 0 0 35rpx 35rpx!important;
}
}
}
.card{
@ -243,7 +247,7 @@
<template>
<view class="container">
<view class="top">
<text class="plant-dingweixiao" @click="!adderss.isOk && refreshPosition()">{{adderss.isOk?adderss.city:"点击重新获取定位"}}</text> <text class="date">{{new Date().format("M月 d日")}}</text>
<text class="plant-dingweixiao" @click="!adderss.isOk && refreshPosition()">{{adderss.isOk?`${adderss.city}${adderss.district}`:"点击重新获取定位"}}</text> <text class="date">{{new Date().format("M月 d日")}}</text>
</view>
<swiper autoplay :interval="5*1000" v-if="headImgs.length>0" class="headImg" circular>
<swiper-item v-for="(v,k) in headImgs" :key="k">

Loading…
Cancel
Save