旧版组件开发

旧版本已经实现不在pages.json配置 uni- 的操作了*

在项目中新建components文件夹即可实现组件开发

例如

新建uni-tips/uni-tips.vue

<template>
	<view class="uni-tips">
		<view class="uni-tips-cen">
			<view class="uni-tips-cen-three">
				<view @click="tipscancel">{{cancel}}</view>
				<view @click="tipsdetermine">{{deter}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			// 文本
			text: {
				type: String,
				default: ''
			},
			// 文本或数组
			texts: {
				type:String | Array,
				default:''
			},
		},
		onShow() {

		},
		methods: {
			tipscancel() {
				this.$emit('tipscancel')
			},
			tipsdetermine() {
				this.$emit('tipsdetermine')
			},
		}
	}
</script>

<style lang="scss">
	
</style>

页面中使用

<template>
	<view class="uni-tips">
		<uni-tips  :texts="arrtext" @tipscancel="tipscancels"
				@tipsdetermine="tipsdetermine"></uni-tips>
	</view>
</template>

<script>
	export default {
		data(){
            return{
                
            }
        },
		onShow() {

		},
		methods: {
			tipscancels() {
				
			},
			tipsdetermine() {
				
			},
		}
	}
</script>

<style lang="scss">
	
</style>