Compare commits
3 Commits
d18c77477b
...
0183ffaa95
Author | SHA1 | Date | |
---|---|---|---|
|
0183ffaa95 | ||
|
b2631ee2ad | ||
|
a7fd251707 |
|
@ -64,14 +64,15 @@
|
||||||
<uni-icons type="right" size="20" color="#acacac" style="margin-right: 20rpx"></uni-icons>
|
<uni-icons type="right" size="20" color="#acacac" style="margin-right: 20rpx"></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
<view class="information-content">
|
<view class="information-content">
|
||||||
<uni-swiper-dot :info="info" :current="current" :dots-styles="{selectedBackgroundColor: '#2065b1',backgroundColor: '#e6e6e6'}" field="content" mode="default">
|
<uni-swiper-dot :info="info" :current="current"
|
||||||
|
:dots-styles="{selectedBackgroundColor: '#2065b1',backgroundColor: '#e6e6e6'}" field="content" mode="default">
|
||||||
<swiper class="swiper-box" @change="change">
|
<swiper class="swiper-box" @change="change">
|
||||||
<swiper-item v-for="(item, index) in info" :key="index">
|
<swiper-item v-for="(item, index) in info" :key="index">
|
||||||
<view class="swiper-item" style="margin-right: 20rpx">
|
<view class="swiper-item" style="margin-right: 20rpx">
|
||||||
<image src="../../static/index-bgd.png" style="width: 200rpx; height: 200rpx; margin-left: 20rpx">
|
<image :src="item.Image" style="width: 200rpx; height: 200rpx; margin-left: 20rpx">
|
||||||
</image>
|
</image>
|
||||||
<view class="swiper-text">
|
<view class="swiper-text">
|
||||||
<text>{{ '测试数据' }}</text>
|
<text>{{ item.content }}</text>
|
||||||
<view style="width: 100%; display: flex; justify-content: flex-end; color: #cecdd3; font-size: 28rpx">
|
<view style="width: 100%; display: flex; justify-content: flex-end; color: #cecdd3; font-size: 28rpx">
|
||||||
{{ '2024-06-14' }}
|
{{ '2024-06-14' }}
|
||||||
</view>
|
</view>
|
||||||
|
@ -105,6 +106,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<image src="../../static/hp1.png" style="width: 100rpx; height: 100rpx" class="kefu"></image>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -170,13 +172,16 @@
|
||||||
}
|
}
|
||||||
]);
|
]);
|
||||||
const info = [{
|
const info = [{
|
||||||
content: '内容 A'
|
Image: '../../static/wq.png',
|
||||||
|
content: '公安部8项公安交管便民利企改革新措施解读'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
content: '内容 B'
|
Image: '../../static/wq.png',
|
||||||
|
content: '公安部8项公安交管便民利企改革新措施解读'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
content: '内容 C'
|
Image: '../../static/wq.png',
|
||||||
|
content: '公安部8项公安交管便民利企改革新措施解读'
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
const current = ref(0);
|
const current = ref(0);
|
||||||
|
@ -362,4 +367,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.kefu{
|
||||||
|
position: absolute;
|
||||||
|
right: 20rpx;
|
||||||
|
bottom: 40rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
BIN
static/2P.png
Before Width: | Height: | Size: 3.6 KiB |
BIN
static/ZG.png
Before Width: | Height: | Size: 3.7 KiB |
BIN
static/a01.png
Before Width: | Height: | Size: 3.5 KiB |
BIN
static/as.png
Before Width: | Height: | Size: 2.9 KiB |
BIN
static/av.png
Before Width: | Height: | Size: 3.5 KiB |
BIN
static/hP1.png
Normal file
After Width: | Height: | Size: 5.0 KiB |
BIN
static/q1.png
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 5.6 KiB |
BIN
static/wq.png
Normal file
After Width: | Height: | Size: 49 KiB |