index.vue 1.3 KB
<template>
	<view class="content">
		<!-- 轮播图区域 -->
		<view class="swiperBgWrap">
			<u-swiper @change="change" :height="250" :list="list" :title="title" :effect3d="effect3d"
			:indicator-pos="indicatorPos" :mode="mode" :interval="3000" @click="click"></u-swiper>
		</view>
		<!-- 单位简介区域 -->
		<!-- 单位案例区域 -->
		<!-- 底部按钮区域 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
						title: '昨夜星辰昨夜风,画楼西畔桂堂东'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
						title: '身无彩凤双飞翼,心有灵犀一点通'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
						title: '谁念西风独自凉,萧萧黄叶闭疏窗,沉思往事立残阳'
					}
				],
				title: false,
				mode: 'round',
				indicatorPos: 'bottomCenter',
				effect3d: false,
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	// 轮播图背景区域
	.swiperBgWrap{
		height: 220rpx;
		background: linear-gradient(180deg,$uni-bg-main-color, $uni-bg-bai-color);
	}
	// 单位简介区域
	// 单位案例区域
	// 底部按钮区域
</style>