shell/pages/index/goodsDetail.vue

<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>