![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
小胖砸~
一切皆小白
展开
-
uniapp开发微信小程序 ,使用本地图片做背景图应该怎么处理
注意,把获取可用的base64地址的方法放在computed 里面是非常必要的。如果放在methods里面初次进入这个页面时候会报错(除了首页之外)。这里就是跟methods和computed特性有关。原创 2023-02-22 15:39:35 · 2552 阅读 · 0 评论 -
uniapp 自定义标题情况下,让标题和右侧胶囊对齐
如何实现自定义标题栏和胶囊对齐,在index.vue页面,编写自定义的标题内容,在onLoad里可以计算高度,实现效果:无论手机类型怎么切换,自定义标题始终跟胶囊平齐。有关什么是小程序状态栏,标题栏,胶囊,下面的文章有标识。在pages.json文件中配置标题自定义。原创 2023-02-17 15:35:50 · 1361 阅读 · 0 评论 -
前端-uniapp开发app登录逻辑(人机验证以及手机获取验证码)
1.逻辑梳理 跳转登录页面后,显示需要手机登录。填写手机号-》点击获取验证码-》弹出人机验证页面-》拼图成功-》请求后端接口给手机发验证码-》获取验证码文字变成60s计时-》填入手机上的验证码-》点击登录...原创 2022-06-29 10:37:38 · 3432 阅读 · 0 评论 -
uni-app支付相关配置和代码(H5+APP+小程序+requestPayment service fail not found报错)
必看app手机支付配置原创 2021-10-17 15:38:23 · 5400 阅读 · 3 评论 -
canvas 绘制海报(二维码后端获得)图片形式发送到微信+保存到本地
data内容 data() { return { //二维码相关参数 modal_qr: false, url: '', // 要生成的二维码值 schoolname: "", teacherid: "", // 教师二维码 teacherqrCode: "", bgUrl: "https://www.jusmd.com//uploads/20210717/3782566637ffe868733dc25637fda56d.png",原创 2021-07-17 18:01:46 · 272 阅读 · 0 评论 -
uniapp 打包apk后手机进行分享测试时候遇到的问题
主要是实现App的分型到微信功能,出于对页面美观的考虑,我用了一个叫uni-share的插件,他对弹出框有一定美化效果。具体的可看uni-share插件,它的安装和引入说的听仔细了,如果是符合uni_modules的引入各式,使用“HBuilder导入插件”有问题的时候,不要再纠缠这种导入方式,点击下面直接下安装包放到项目的common文件夹下就可以了。按照插件提示进行配置-基座调试没有毛病,打包真机调试-有问题1.首先遇到了‘分享类型错误的问题’,解决:多半是在manifest.js 分享功能下微原创 2021-07-16 17:30:42 · 1470 阅读 · 0 评论 -
uni-app中使用rich-text如何添加样式控制富文本里面的内容
代码部分:this.article.maincontent=res.data.data.maincontent.replace(/\<img/gi,'<img style="max-width:100%;height:auto;display:block;"');添加后的效果:提示:初次时候添加了max-width:100%,但图片并没有变化,然后又加了后几项属性,可能是这样渲染较慢的原因,实测这样写是有效的 ,大家可以多刷新几遍。...原创 2021-07-16 10:49:42 · 3245 阅读 · 1 评论 -
uni-app中关于事件点击后获得数据dataset自定义数据要注意+点赞代码
<view class="zuopin-right-text">{{li.createtime}} <view class="start-change"><image src="../../static/img/start.png" :data-id="index" :data-num="li.id" :data-like="li.ilike" @click="dianZan" v-show="li.ilike==2"> </image>&l原创 2021-04-28 11:21:53 · 2835 阅读 · 0 评论 -
vue(uni-app)中动态绑定属性的写法
我们常用需要动态来绑定的属性有哪些1.class2.style3.v-text/v-html所为动态绑定,就是因情况而定,不同的条件下可能要求显示不同的效果和数据,通常使用的方法有三目运算,有的也可以接住对象写判断因情况而定三目运算的v-text/v-html <view class="title" v-text="parma.type=='1'?'上传作业':'上传考试'"></view>这里面的 v-text不能加“:”了,因为它本身不加的时候的用法里面就可以传原创 2021-04-27 10:35:38 · 3766 阅读 · 0 评论 -
小程序里面点击控制改变背景颜色
思路一:通过ref找到特定的元素去改变思路二:通过改变值控制样式的显示(符合vue设计思路)上代码:<view class="stags"><view id="1" :class="{'active':btn==1,'nostyle':btn==2}" @click="changB">作业作品</view><view id="2" :class="{'active':btn==2,'nostyle':btn==1}" @click="changB">原创 2021-04-25 17:58:54 · 540 阅读 · 0 评论 -
记录小程序中form表单提交事件的使用方法
HTML<form @submit="formSubmit" > <view class='line'> <view class='lineLeft'>输入转赠卡账户</view> <view class="lineRight"> <input class="input" :value="form.account" name="account" data-name="account" placeholder-原创 2021-04-25 11:08:02 · 437 阅读 · 0 评论 -
uni-app学习(一)
最近在做uni-app小程序,之前做过vue的项目,当拿到uni-app的项目的时候,还傻白甜的尝试尝试着小程语法,譬如,setData,bind类型的事件,哈哈哈。想想我都,开发前还是多看看官方文档吧,不要似懂非懂老实被前辈笑话。这里插一个,我面试这家公司,面试官问我的一个问题,组件包括哪几部分。我:由html标签,js,和css组成。啊哈哈哈哈哈此篇记录一下:(对比vue学习)一、组件组件包括了以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。1.都是用来包裹内原创 2021-04-23 14:40:17 · 376 阅读 · 0 评论