公司网站如何做推广,百姓网官网首页,哈尔滨网站建设设计公司,一个app下载免费下载安装uni-app x#xff0c;是下一代 uni-app#xff0c;是一个跨平台应用开发引擎。
uni-app x 是一个庞大的工程#xff0c;它包括uts语言、uvue渲染引擎、uni的组件和API、以及扩展机制。
uts是一门类ts的、跨平台的、新语言。uts在iOS端编译为swift、在Android端编译为kotli…uni-app x是下一代 uni-app是一个跨平台应用开发引擎。
uni-app x 是一个庞大的工程它包括uts语言、uvue渲染引擎、uni的组件和API、以及扩展机制。
uts是一门类ts的、跨平台的、新语言。uts在iOS端编译为swift、在Android端编译为kotlin、在Web端编译为js。
在Android平台uni-app x 的工程被编译为kotlin代码本质上是换了vue写法的原生kotlin应用在性能上与原生kotlin一致。
uni-app x 是什么 | uni-app-x
常用的方法
uni.$emit uni.$on
发出和监听事件. 可以用来解耦模块之间的依赖.
在添加页面
const addAddress () {uni.$emit(addAddressFinished)uni.navigateBack()
}// 在使用页面 监听添加完成事件 可以刷新数据等uni.$on(addAddressFinished, (e) {})defineEmits
子组件向父组件传值 // 子组件
const emits defineEmits([selectItem])const selectItem (item) {emits(selectItem, item)}// 父组件
rechargeout-validation-popup select-itemrechargeoutAddressSelectItem/rechargeout-validation-popup
获取手机状态栏高度
templateview :style{width: 100%, height: statusBarHeight px, backgroundColor: transparent}/view
/templatescript setupimport { ref, reactive } from vue// 手机屏幕信息const window uni.getWindowInfo()const statusBarHeight ref(0)statusBarHeight.value window.statusBarHeight // 手机状态栏高度
/script
style
/style
defineProps
父组件向子组件传值
// 需要默认值
const props defineProps({current: {type: Number,default: 0}
})// 不需要需要默认值
const props defineProps([title])// 有默认值 并且属性必填
const props defineProps({popups: {type: Array,default: [],required: true}
})
根据数据计算高度
uni.createSelectorQuery().in(this);nextTickquery.select(.tab1-coin-list).boundingClientRect
const getTabHeight () {const query uni.createSelectorQuery().in(this);nextTick(() {query.select(.tab1-coin-list).boundingClientRect((data) {emits(tabHeight, Math.ceil(data.height))}).exec();})}onMounted(() {getTabHeight()console.log(onMounted) })swiper :style{ height: ${tabs[activeIndex].height}px } :currentactiveIndex swiper-itemcoin-self-optional tabHeight(h) { tabs[0].height h } /coin-self-optional/swiper-item/swiper
Sticky 吸顶
Sticky 吸顶 | 我的资料管理-uv-ui 是全面兼容vue32、nvue、app、h5、小程序等多端的uni-app生态框架
进度条
LineProgress 线形进度条 | 我的资料管理-uv-ui 是全面兼容vue32、nvue、app、h5、小程序等多端的uni-app生态框架
Pinia
Pinia基础知识-CSDN博客
跨平台-条件编译
uni-app跨平台-条件编译#ifdef的写法-CSDN博客
页面跳转
uni.navigateTo(options) navigateto | uni-app-x
UV-UI
Search 搜索 | 我的资料管理-uv-ui 是全面兼容vue32、nvue、app、h5、小程序等多端的uni-app生态框架