uni-app 怎么写组件,引用组件时怎么改变组件里的文字

uni-app怎么写组件

这里给大家写一个返回上一页的组件

1.右击项目新建一个目录components,新建一个组件,命名,勾选创建同名目录

uni-app 怎么写组件,引用组件时怎么改变组件里的文字uni-app 怎么写组件,引用组件时怎么改变组件里的文字

2.写标签和样式,字体图标不会写的小朋友可以去这里看( https://blog.****.net/TChildeSeven/article/details/107492005 ),如果不需要字体图标换别的标签也是可以的

一个好的组件的样式是可以在引用的时候做修改的,第三点会说明这些参数,都是一一对应的
uni-app 怎么写组件,引用组件时怎么改变组件里的文字

3.组件默认值,正常情况下,标签里写样式是小驼峰命名:样式的值,现在要给样式的值命名后再赋值的话我用的是小写加下划线来命名的

这里的顺序依次是:字体图标的大小,文字大小,文字内容,字体图标颜色,文字颜色,标签高度,文字位置(弹性布局)---------一整个组件可能会改的样式都在这里了
uni-app 怎么写组件,引用组件时怎么改变组件里的文字
还有我们这个博客的主题是返回上一页嘛 ,还要写一个点击返回上一页的点击事件
uni-app 怎么写组件,引用组件时怎么改变组件里的文字
css
uni-app 怎么写组件,引用组件时怎么改变组件里的文字

4.在页面使用组件,首先引用,这里在标签里适当修改一些基础样式

比如这个标签的高,字体图标的大小,文字标签的内容,文字大小
uni-app 怎么写组件,引用组件时怎么改变组件里的文字uni-app 怎么写组件,引用组件时怎么改变组件里的文字

这里博主有个组件命名的疑惑,在引用时所给的名字,和组件中name给的名字有什么关系和不同,标签所用的名字是哪一个呢?顺便附上我疑惑的代码块(146行,171行,174行)

import come_back from “@/components/come_back/come_back.vue”
uni-app 怎么写组件,引用组件时怎么改变组件里的文字