|
|
@ -3,19 +3,16 @@ |
|
|
<view class="swiper-container"> |
|
|
<view class="swiper-container"> |
|
|
<swiper indicator-dots="{{true}}" autoplay="{{true}}" interval="3000" duration="1000" circular="{{true}}" style="width: 100%; height: 300rpx;"> |
|
|
<swiper indicator-dots="{{true}}" autoplay="{{true}}" interval="3000" duration="1000" circular="{{true}}" style="width: 100%; height: 300rpx;"> |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<image src="/images/轮播图1.jpg" style="width: 100%; height: 100%;" mode="aspectFill"></image> |
|
|
<image src="https://cdn.example.com/轮播图1.jpg" style="width: 100%; height: 100%;" mode="aspectFill"></image> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<image src="/images/轮播图2.jpg" style="width: 100%; height: 100%;" mode="aspectFill"></image> |
|
|
<image src="https://cdn.example.com/轮播图2.jpg" style="width: 100%; height: 100%;" mode="aspectFill"></image> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
<swiper-item> |
|
|
<swiper-item> |
|
|
<image src="/images/轮播图3.jpg" style="width: 100%; height: 100%;" mode="aspectFill"></image> |
|
|
<image src="/images/轮播图3.jpg" style="width: 100%; height: 100%;" mode="aspectFill"></image> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</swiper> |
|
|
</swiper> |
|
|
<!-- 图片提示框 --> |
|
|
|
|
|
<view class="swiper-hint"> |
|
|
|
|
|
<text class="hint-text">💡 提示:您可以将自己的图片替换到 /images/ 目录下,命名为轮播图1.jpg、轮播图2.jpg、轮播图3.jpg</text> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<!-- 按钮区域 --> |
|
|
<!-- 按钮区域 --> |
|
|
<view class="title">专业的鸡蛋现货交易平台</view> |
|
|
<view class="title">专业的鸡蛋现货交易平台</view> |
|
|
|