uni-app 文字+按钮轮播

最新推荐文章于 2024-08-07 20:58:21 发布

金戈_旭日东升

最新推荐文章于 2024-08-07 20:58:21 发布

阅读量1.7k

点赞数

分类专栏： Uni-app VUE 前端

本文链接：https://blog.csdn.net/fang156239305/article/details/109756100

版权

本文详细介绍了如何在uni-app中创建一个包含文字和按钮的轮播组件，通过利用uni-app的swiper组件和自定义滑动项，实现了既有信息展示又有交互功能的轮播效果。内容涵盖了样式设置、事件监听以及动态数据绑定等关键步骤。

摘要由CSDN通过智能技术生成

<template>
	
		<view class="header">
			<uni-icons type="back" size="50" @click="back"></uni-icons>
		<view class="text-area" >
			<text class="title" >编号{
  {number}} </text>
			<text class="title">{
  {text}}</text>
		</view>
		   <uni-icons type="forward" size="50" @click="forward"></uni-icons>
		</view>
</template>

<script>
	export default {
		components: {uniIcons},
		data() {
			return {
				text:"hello Word",
                i:1
				number:1,
				textarray:[
					{
					number:"0",
					text:"曲曲折折的荷塘上面，弥望的是田田的叶子,叶子出水很高，像亭亭的舞女的裙。层层的叶子中间，零星地点缀着些白花，有袅娜地开着的，有羞涩地打着朵儿的；正如一粒粒的明珠，又如碧天里的星星，又如刚出浴的美人"