|
|
|
<template>
|
|
|
|
<view class="content">
|
|
|
|
<image class="logo" src="/static/logo.png"></image>
|
|
|
|
<view class="text-area">
|
|
|
|
<text class="title">{{title}}</text>
|
|
|
|
<!-- 轮播图区域 -->
|
|
|
|
<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>
|
|
|
|
|
|
...
|
...
|
@@ -11,7 +15,23 @@ |
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
title: 'Hello'
|
|
|
|
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() {
|
|
...
|
...
|
@@ -23,30 +43,13 @@ |
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
.content {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo {
|
|
|
|
height: 200rpx;
|
|
|
|
width: 200rpx;
|
|
|
|
margin-top: 200rpx;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 50rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-area {
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
font-size: 36rpx;
|
|
|
|
color: #8f8f94;
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
// 轮播图背景区域
|
|
|
|
.swiperBgWrap{
|
|
|
|
height: 220rpx;
|
|
|
|
background: linear-gradient(180deg,$uni-bg-main-color, $uni-bg-bai-color);
|
|
|
|
}
|
|
|
|
// 单位简介区域
|
|
|
|
// 单位案例区域
|
|
|
|
// 底部按钮区域
|
|
|
|
</style> |
...
|
...
|
|
