随笔分类 -  uni-app

uniapp
摘要:一,js代码: <template> <view> <input class="inputText" style="width:700rpx;height:76rpx;" v-model="mobile" placeholder="请输入手机号" ></input> <view style="dis 阅读全文
posted @ 2023-04-15 21:36 刘宏缔的架构森林 阅读(2070) 评论(0) 推荐(0)
摘要:一,第一种方法:js代码: App.vue <script> export default { onLaunch: function() { console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!') console.l 阅读全文
posted @ 2023-04-12 09:09 刘宏缔的架构森林 阅读(2393) 评论(0) 推荐(1)
摘要:一,安装js-md5第三方库: 1,执行npm命令: liuhongdi@liuhongdideMacBook-Pro poem % npm install --save js-md5 added 1 package in 460ms npm notice npm notice New minor 阅读全文
posted @ 2023-04-11 14:26 刘宏缔的架构森林 阅读(2081) 评论(0) 推荐(0)
摘要:一,文档地址: https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest 如图: 说明:offset:底部安全区域偏移, "none"表示不空出安全区域, "auto"自动计算空出安全区域 二,编辑配置文件: m 阅读全文
posted @ 2023-04-06 22:45 刘宏缔的架构森林 阅读(1922) 评论(0) 推荐(0)
摘要:一,代码: 居中: <view style="position: fixed;bottom:0;width:750rpx;height: 60rpx; display: flex;flex-direction: row;justify-content:center;"> <span>{{appNam 阅读全文
posted @ 2023-04-06 18:15 刘宏缔的架构森林 阅读(5116) 评论(0) 推荐(0)
摘要:一,官方文档地址: https://uniapp.dcloud.net.cn/tutorial/nvue-api.html#addrule 二,代码 1,nvue页面: 模板 <view class="listTitle"> {{item.title}} </view> <view style="w 阅读全文
posted @ 2023-04-05 21:00 刘宏缔的架构森林 阅读(770) 评论(0) 推荐(0)
摘要:一,官方文档地址: https://uniapp.dcloud.net.cn/collocation/pages.html#tabbar https://uniapp.dcloud.net.cn/api/ui/tabbar.html#ontabbarmidbuttontap 二,代码 1,pages 阅读全文
posted @ 2023-04-05 16:30 刘宏缔的架构森林 阅读(2801) 评论(0) 推荐(0)
摘要:一,官方文档地址: https://uniapp.dcloud.net.cn/api/ui/font.html 二,js代码: 1,app.vue <script> export default { onLaunch: function() { console.warn('当前组件仅支持 uni_m 阅读全文
posted @ 2023-03-30 19:21 刘宏缔的架构森林 阅读(922) 评论(0) 推荐(0)
摘要:一,js代码: 1,html: <!-- 语音音阶动画 end--> <button class="btn" @click="goRecord"> <uni-icons :type="micType" size="30"></uni-icons> {{title}} </button> <view 阅读全文
posted @ 2023-03-29 14:22 刘宏缔的架构森林 阅读(3795) 评论(0) 推荐(0)
摘要:一,官方文档地址: https://uniapp.dcloud.net.cn/component/uniui/uni-transition.html 二,js代码: <template> <view> <view class="navBarBox" style="position: fixed;bo 阅读全文
posted @ 2023-03-19 12:50 刘宏缔的架构森林 阅读(336) 评论(0) 推荐(0)
摘要:一,官方文档地址 https://uniapp.dcloud.net.cn/api/media/record-manager.html 说明:刘宏缔的架构森林是一个专注架构的博客, 网站:https://blog.imgtouch.com原文: https://blog.imgtouch.com/i 阅读全文
posted @ 2023-03-18 15:05 刘宏缔的架构森林 阅读(508) 评论(0) 推荐(0)
摘要:一,官方文档地址 https://uniapp.dcloud.net.cn/api/media/audio-context.html#createinneraudiocontext 说明:刘宏缔的架构森林是一个专注架构的博客, 网站:https://blog.imgtouch.com原文: http 阅读全文
posted @ 2023-03-18 12:14 刘宏缔的架构森林 阅读(1955) 评论(0) 推荐(0)
摘要:一,官方文档地址: https://uniapp.dcloud.net.cn/component/video.html 说明:刘宏缔的架构森林是一个专注架构的博客, 网站:https://blog.imgtouch.com原文: https://blog.imgtouch.com/index.php 阅读全文
posted @ 2023-03-18 11:04 刘宏缔的架构森林 阅读(517) 评论(0) 推荐(0)
摘要:一,js代码: <template> <view> <view class="avatarUrl"> <button type="balanced" open-type="chooseAvatar" @chooseavatar="onChooseavatar"> <image :src="avata 阅读全文
posted @ 2023-03-16 15:18 刘宏缔的架构森林 阅读(4999) 评论(0) 推荐(1)
摘要:一,官方的文档地址: https://uniapp.dcloud.net.cn/component/uniui/uni-forms.html 说明:刘宏缔的架构森林是一个专注架构的博客, 网站:https://blog.imgtouch.com原文: https://blog.imgtouch.co 阅读全文
posted @ 2023-03-16 12:04 刘宏缔的架构森林 阅读(977) 评论(0) 推荐(0)
摘要:一,js代码 <template> <view> <view style="width:750rpx;background: #ff0000;"> <uni-grid :showBorder="false" :column="4" :highlight="true" @change="change" 阅读全文
posted @ 2023-03-15 22:27 刘宏缔的架构森林 阅读(357) 评论(0) 推荐(0)
摘要:一,js代码: <template> <view> <image mode="aspectFit" :src="imageSrc" @tap="chooseImage" style="background: gray; width:200rpx;height:200rpx;margin-left: 阅读全文
posted @ 2023-03-15 15:33 刘宏缔的架构森林 阅读(399) 评论(0) 推荐(0)
摘要:一,js代码: <template> <view> <button class="login-wxpng" open-type="getUserInfo" @getuserinfo="xcxWxLogin"> 微信小程序登录 </button> </view> </template> <script 阅读全文
posted @ 2023-03-14 15:37 刘宏缔的架构森林 阅读(449) 评论(0) 推荐(0)
摘要:一,微信小程序:wx.login时报错 返回的code值为:the code is a mock one 如图: 说明:刘宏缔的架构森林是一个专注架构的博客, 网站:https://blog.imgtouch.com原文: https://blog.imgtouch.com/index.php/20 阅读全文
posted @ 2023-03-14 15:18 刘宏缔的架构森林 阅读(3679) 评论(0) 推荐(0)
摘要:一,开发环境中对接口跨域的配置 manifest.json中添加 "h5" : { "devServer" : { "https" : false, "disableHostCheck" : true, "proxy" : { "/api" : { "target" : "http://base.l 阅读全文
posted @ 2023-03-09 18:38 刘宏缔的架构森林 阅读(766) 评论(0) 推荐(0)