跨平台uni-app
wuwuFQ
明月几时有?把酒问青天。不知天上宫阙,今夕是何年。我欲乘风归去,又恐琼楼玉宇,高处不胜寒。起舞弄清影,何似在人间?
转朱阁,低绮户,照无眠。不应有恨,何事长向别时圆?人有悲欢离合,月有阴晴圆缺,此事古难全。但愿人长久,千里共婵娟。
展开
-
uni-app:开发过程中的磕磕绊绊---经验总结
`uni-app` 的页面结构、页面传值、util.js文件引入、<uni-list-item>自定义视图、Toast弹窗完 返回上个页面、属性使用、调试小技巧、unicloud-db组件原创 2022-05-02 22:06:43 · 1847 阅读 · 3 评论 -
uni-app:uniCloud云函数 uni-id体系的使用
uni-app:uniCloud云函数 uni-id体系的使用随笔记录uniCloud云函数的搭建和uni-id体系的使用,其他的细节我就不赘述了。uniCloud云函数官方解释uni-id用户体系uni-id导入和配置HBuilderX 3.1.0+ 插件市场导入uni-id公用模块uni_modules版本,HBuilderX会自动导入依赖的uni-config-center,插件市场 uni-id 在uni-config-center公用模块下创建uni-id目录,在创建的un原创 2022-03-31 10:18:17 · 5767 阅读 · 0 评论 -
uniApp:Vue分页控制器,顶部选项卡
uniApp:Vue分页控制器,顶部选项卡闲言碎语不要讲,直接看!<template> <view class="container"> <!-- 顶部选项卡 --> <scroll-view class="pagecontrol-top-scroll" scroll-x="true" scroll-with-animation :scroll-into-view="scrollInto"> <view class="p原创 2022-03-18 14:12:30 · 1286 阅读 · 2 评论 -
uni-app:nvue原生APP开发小记
# nvue开发与vue开发的常见区别基于原生引擎的渲染,虽然还是前端技术栈,但和web开发肯定是有区别的。nvue 页面控制显隐只可以使用v-if不可以使用v-show nvue 页面只能使用flex布局,不支持其他布局方式。页面开发前,首先想清楚这个页面的纵向内容有什么,哪些是要滚动的,然后每个纵向内容的横轴排布有什么,按 flex 布局设计好界面。 nvue 页面的布局排列方向默认为竖排(column),如需改变布局方向,可以在 manifest.json -> app-plus ->原创 2022-03-18 10:46:26 · 1408 阅读 · 0 评论 -
uniCloud云服务器的选择
uniCloud云服务器的选择每个DCloud开发者账户,腾讯云版提供1个免费服务空间,最多可创建49个收费服务空间。阿里云版最多可创建50个免费服务空间。选择阿里云作为服务商时,服务空间资源完全免费,每个账号最多允许创建50个服务空间。阿里云目前处于公测阶段,如有正式业务对稳定性有较高要求建议使用腾讯云。选择腾讯云作为服务商时,可以创建一个免费的服务空间云函数环境(仅腾讯云支持)仅能通过init返回同账号下其他的腾讯云服务空间实例。云函数上传包大小限制为10M。如果npm包很大,阿里云的整体上原创 2022-03-09 14:55:07 · 1429 阅读 · 0 评论 -
uniapp:小程序体验版和预览,云函数不响应,小程序域名配置
uniapp还是很便利的,为大家免费提供了低代码平台,很多插件和实现方案。使用过程中也有很多想吐槽的,我是第一次接触跨平台,文档上有的地方很笼统,比如这域名配置,文档就没说我应该配置哪个域名,我的域名在哪里!?在论坛和官方群各种问,没人回答!自己各种尝试研究。。。原创 2022-02-28 15:47:17 · 4124 阅读 · 28 评论 -
uni-app:封装组件
Vue封装组件根据官方文档来做其实很简单,我这里记录一下注意点。通过uni-app的easycom: 将组件引入精简为一步。只要组件安装在项目的 components 目录下,并符合components/组件名称/组件名称.vue 目录结构。就可以不用引用、注册,直接在页面中使用。找到 components 目录,在下面创建你的组件目录和组件vue,要名称一致。注意点:props 可以是数组或对象,用于接收来自父组件的数据。HTML 中的 attribute 名是大小写不敏感的,所以浏览原创 2022-02-24 13:11:23 · 3158 阅读 · 0 评论 -
uni-app:数据绑定
HTML <template><view v-for="(item,index) in itemsArr" :key="index" class="pagecontrol-top-text" @click="changeTab(index)" :id="'tab' + index"> <view :class="tabIndex === index?'pagecontrol-top-selected':'pagecontrol-top-normal'">原创 2022-02-24 11:17:16 · 2339 阅读 · 0 评论 -
uni-app:H5跨域问题解决方案(CORS、Cross-Origin)
https://ask.dcloud.net.cn/article/35267在h5页面里callfunction会跨域,此时需在unicloud的web控制台配置域名白名单,被加白的域名可以跨域callfunction。详见:https://uniapp.dcloud.net.cn/uniCloud/quickstart?id=useinh5另外运行期间在HBuilderX的内置浏览器里是不存在跨域的。...原创 2022-02-10 10:42:23 · 2851 阅读 · 0 评论 -
微信小程序:css:安全区和状态栏的计算和适配
底部安全区:.aa { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }电池栏(状态栏):padding-top: var(--status-bar-height);css里面数值的计算:padding-top: calc(var(--status-bar-height) + 20px);width原创 2022-01-20 16:41:42 · 2110 阅读 · 0 评论 -
uni-app:uni-ui的使用
uni-ui 演示uni-ui 文档搭建创建项目的时候选择uni-ui组件,在项目中就可以直接使用了案例<view class="gridView"> <uni-grid :column="4" :showBorder="false" > <uni-grid-item> <view class="grid-item-box" style="background-color: #fff;"> <uni-ico原创 2022-01-20 16:34:46 · 4256 阅读 · 0 评论 -
uni-app: Vue: image做背景 z-index用法
闲话不说!需求:用一张图片做背景,文字在图片上方。template <view class="item-cell" @click="clickItemCell" id="1"> <image class="item-bgImg" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.alicdn.com%2Fbao%2Fuploaded%2Fi3%2F1121187960%2FO1CN01XH.原创 2022-01-13 14:20:36 · 1060 阅读 · 0 评论 -
uni-app:Vue:shadow阴影
盒子阴影box-shadow:5px 5px 10px 10px gray;前两个值分别表示阴影水平方向和垂直方向的偏移量(必需的)。第三个值表示模糊距离,第四个是阴影的大小,最后一个值是阴影颜色,都是可选的。创建内部阴影:box-shadow:5px 5px 10px gray inset;...原创 2022-01-12 16:38:30 · 2983 阅读 · 0 评论 -
uni-app:跨平台油腻APP初接触
DCloud官方网站uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。接触过微信小程序的同学会很快上手,我懂的不多,就少说点。HBuilderX极客开发工具快捷键:移动整行代码:command + control + ^删除整行代码:command + delete代码块:HBuilderX:工具 -> 代码块原创 2022-01-10 09:29:59 · 9947 阅读 · 0 评论