123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <template>
- <view class="content">
- <view class="uni-margin-wrap">
- <swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000"
- :duration="duration">
- <swiper-item>
- <view class="swiper-item">
- <image src="http://dmsphoto.66km.com.cn/thFiles/09DDEDF1-A34F-491F-A7F0-B51F64B8CEE9.jpg" mode="aspectFit" class="swiper-itemImg"></image>
- </view>
- </swiper-item>
- <swiper-item>
- <view class="swiper-item">
- <image src="http://dmsphoto.66km.com.cn/thFiles/E437A2DB-BB54-46AB-B8BA-EC44C84FE808.jpg" mode="aspectFit" class="swiper-itemImg"></image>
- </view>
- </swiper-item>
- <swiper-item>
- <view class="swiper-item">
- <image src="http://dmsphoto.66km.com.cn/thFiles/A9157023-4939-48B7-BB49-D9D8113EF953.jpg" mode="aspectFit" class="swiper-itemImg"></image>
- </view>
- </swiper-item>
- </swiper>
- </view>
- <view style="height: 30rpx;background: #F4F5F7;"></view>
- <view class="detail">
- <view class="datailTitle">商品详情</view>
- </view>
-
- </view>
- </template>
- <script>
- export default {
- components: {
-
- },
- data() {
- return {
-
- }
- },
- onLoad(opt) {
-
- },
- methods: {
-
- }
- }
- </script>
- <style scoped>
- .swiper-itemImg{
- width: 750rpx;
- height: 750rpx;
- }
- .uni-margin-wrap{
- height: 750rpx;
- }
- .swiper{
- height: 750rpx;
- }
- .datailTitle{
- font-weight: 500;
- color: #1A1A1A;
- line-height: 40rpx;
- padding: 32rpx 24rpx;
- font-size: 28rpx;
- }
- </style>
|