uniui小程序（小程序uniapp怎么用）

摘要： 本文目录一览：1、基于uni-app开发的实时公交车小程序2、...

本文目录一览：

• 1、基于uni-app开发的实时公交车小程序
• 2、uniapp开发微信小程序h5(uniapp开发微信小程序问题)
• 3、适合小程序快速开发的10个开源UI库

基于uni-app开发的实时公交车小程序

目前uni-app也有很多兼容性非常好的ui框架可以选择，如uview-ui，colorui等等。下面展示就是基于uni-app+uview-ui实现的实时公交车小程序。简介首先使用hbuild开发工具新建一个uni-app项目，早期版本的hbuild有uview-ui可以直接导入，现在的话需要自己在插件市场中找到uview-ui并导入到项目。

您好，很高兴为您解使用uniapp开发的小程序在h5页面上是没有问题的，但是运行到微信开发者工具中就会出现各种各样的问题，比如路由传参拿不到数据，小程序页面数据无法显示等等。

在一般情况下，使用UniApp开发微信小程序并没有明显的法律或技术上的风险。UniApp是一个基于Vue.js的跨平台应用框架，可以用于同时开发多个平台的应用，包括微信小程序。潜在的技术风险：性能：跨平台开发框架可能引入一些性能开销，导致应用在某些情况下可能不如原生开发的效果好。

首先创建一个基于uniapp的小程序项目。其次将uniapp中的代码和资源文件拷贝到微信小程序的项目文件中。最后在微信开发者工具中导入项目，并进行测试，确保小程序在微信平台上正常运行。

uniapp开发微信小程序h5(uniapp开发微信小程序问题)

1、uniapp开发微信小程序安卓机获取位置失效}，在编译成微信小程序以后，可以看到小程序项目底下的app.json文件中的permission底下有了位置接口权限：permission：{scope.userLocation：{desc：XXX}}，然后安卓真机便可以使用chooseLocation方法获取位置信息了。

2、在微信小程序中开发uni-app时，我遇到了几个有关字体设置的问题，这里记录了开发中的踩坑记录。在使用canvas渲染文字时，必须设置文字的字体大小为整数。此外，微信小程序对于文字字体集的兼容性较差。在iOS端，能成功设置的字体只有三种：Arial， Courier New， Georgia。

3、uni-app是一个跨平台应用的前端框架，通过使用Vue.js，开发者可以编写一套代码在多个平台上发布应用，包括iOS、Android、H微信小程序、支付宝小程序等多个平台。

适合小程序快速开发的10个开源UI库

1、uView UI：uni-app生态专用的UI框架，支持iOS、Android、H5以及微信/支付宝/百度等小程序平台。vant-weapp：轻量可靠的移动端组件库，提供Vue Vue 微信小程序版本，还有React和支付宝小程序版本。iview-weapp：丰富的微信小程序UI组件库，但目前已不再更新。

2、WeUI小程序 - 由微信官方设计团队出品，提供与微信原生体验一致的基础样式，深受开发者喜爱，官方地址：weui.io/。

3、针对搭建后台管理工具时的痛点，推荐使用卡拉云。卡拉云作为新一代低代码开发工具，能一键接入常见数据库及 API，无需前端知识，通过拖拽即可快速构建后台管理工具，大幅缩减开发周期。

4、支付宝小程序官方推出了一款免费开源的UI组件库——Ant Design Mini，其最新版本支持微信小程序，显著提升了跨平台的实用性。Ant Design Mini，作为蚂蚁集团官方的UI组件库，遵循Ant Design的设计理念，其Logo巧妙地融合了小程序“Mini Program”的首字母“M”，与Ant Design保持一致。