Luminous takes you into the field of WeChat small program development (12)

Luminous Prologue:

 

 

My Eternal Faith are by You,
from Beginning to End Crazy IS at The Same,
You are my everlasting faith
from beginning to end is the same madness

 

 

 
 
Body:
 
                                              Tao Yu surgery / In operation identification channel

 

 

The above picture is very good ~

/* 样式很重要，在这里书写 */
.container2{
   display: flex;
   flex-direction: column;
   padding: 10rpx 20rpx;
   height: 100vh
}


swiper{
   width: 100%;
   height: 370rpx;
}

swiper image{
   width: 100%;
   border-radius: 16rpx;
}

 

<!--pages/milk/milk.wxml-->
<!-- <text>精彩呈现</text> -->
<!--  首先 需要一个容器 夜光 -->
<view class="container2">
  <!-- 学过前端都知道，这种一直变换的图片组件~~ 在微信小程序开发里面稍微轻松点-->
  <swiper autoplay="true" circular>
    <swiper-item>
    <!-- 轮播，一般，我们都是放图片 -->
     <image src="/images/temp/a.png" mode="widthFix"></image>
    </swiper-item>
    <swiper-item>
    <!-- 轮播，一般，我们都是放图片 -->
     <image src="/images/temp/b.jpg" mode="widthFix"></image>
    </swiper-item>
    <swiper-item>
    <!-- 轮播，一般，我们都是放图片 -->
     <image src="/images/temp/d.jpg" mode="widthFix"></image>
    </swiper-item>
        <swiper-item>
    <!-- 轮播，一般，我们都是放图片 -->
     <image src="/images/temp/c.png" mode="widthFix"></image>
    </swiper-item>
  </swiper>
</view>

 

 

 

 

 

 

 

Here, I use local pictures directly