
Uniapp
不用89k
哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
展开
-
Uniapp引入json文件和引入Js文件
1.引入JSON 文件使用require// 引入json文件let dnf = require('@/data/person.json')json文件{ "code": "0001", "data": [{ "name": "赛利亚", "age": "16" }, { "name": "阿甘左", "age": "35" }, { "name": "诺顿", "age": "50" }]}主程序看下效果:2.引入JS文件2.1 方式一one.原创 2022-03-07 16:38:07 · 7443 阅读 · 1 评论 -
uniapp map 自定义标注customCallout
本Demo只适用于uniapp 开发的微信小程序阅读前请先阅读这一篇,有助于立即不同虚拟机效果不同的问题承接上篇文章:uniapp map 点聚合老规矩:先上图直接上代码:<template> <view class="base_body"> <map :markers="markers" id="map1" style="width: 100%; height: 70%;" :latitude="latitude" :longitude="longitude原创 2021-09-10 16:04:58 · 12482 阅读 · 20 评论 -
uniapp map 点聚合
使用需知:本例只适用于uniapp“微信小程序”。老规矩上图:1.点聚合:当地图上需要展示的标记点 marker 过多时,可能会导致界面上 marker 出现压盖,展示不全,并导致整体性能变差。针对此类问题,推出点聚合能力。所以点聚合就应运而生了。但是官方没有特别好的例子,网上也没有查询到特别好的例子。还好和同事一起完成了现在的demo。这里有个地方需要提醒一下开发者:1.当使用uniapp开发微信小程序的时候不光需要看uniapp的官方文档,还需要看微信小程序的官方文档。二者结合使用。2.有原创 2021-09-10 15:44:45 · 22667 阅读 · 42 评论 -
uniapp 自定义组件
先上图我们已抽奖为例:1. 完整代码:<template> <view class="content"> <view class="base_all_center " style="width: 90vw; height: 90vw; border-radius: 5px;z-index: 10; background-image: url(../../static/img_cj_back.png); background-repeat:no-repeat原创 2021-09-04 15:56:56 · 1471 阅读 · 1 评论 -
Uniapp动态修改CSS(通过js修改CSS)
例如产品给了我们个需求需要点击一次按钮来使得view1的宽度增加10px在html开发中很好实现,但是在uniapp开发app的时候发现并不能通过document.getElementById("")来指定。那么该怎么实现呢?往下看。1.先搭建页面嗯~我知道很丑,但就酱紫。Ծ‸Ծ2.重点!!!改造代码,将vHeight放入的style标签中。注意看改造后的style嗯~改造完成,试一下效果。确实生效了。总结一下js中动态修改css样式,需要先定义好要修改的变量,注意style的书写原创 2021-07-16 10:53:24 · 12143 阅读 · 3 评论 -
Uniapp引入全局CSS
引入全局CSS的好处:方便管理,不用在赋值粘贴重复的代码,一次配置“终身(项目)可用!”1.编写自己的CSS例如自己习惯使用的CSS,因为之前做的安卓开发写代码的时候也会有些安卓的思想…/** * 主体 */.base_body { position: absolute; width: 100%; height: 100%;}/* 水平,垂直居中 */.base_all_center { display: flex; justify-content: center; alig原创 2021-07-16 10:05:25 · 5212 阅读 · 1 评论 -
uniapp引入腾讯视频插件
先上图1.使用方法:"plugins": { "tencentvideo": { "version": "1.3.27", "provider": "wxxxxxxxxxxxxxxx需要更改" } }2.配置page.json"usingComponents": { // #ifdef MP-WEIXIN "txv-video": "plugin://tencentvideo/video" // #endif原创 2021-05-10 17:56:15 · 1170 阅读 · 0 评论 -
Uniapp开发笔记(持续更新中)
不是微信小程序原生,就是uniapp开发人都傻了,索性都记录吧。为什么又用uniapp来开发小程序了,因为微信小程序就是源码裸奔…轻易就能被反编译了。索性用来uniapp虽然也能被反编译,最起码是混淆了,读起来也得恶心反编译的人。uniapp开发微信小程序1.wx.getSetting 无法获取用户当前设置问题(注意运行到小程序模拟器也是要配置APPID的否则将不能获使用该方法)。wx.getSetting({ success(res) { console.log("wx获取成功*原创 2021-04-27 13:45:39 · 1876 阅读 · 0 评论 -
Uniapp 内嵌H5跳转内嵌小程序页面
1. jweixin-module 继承Alt + c 调出终端输入以下代码npm i jweixin-module -S集成成功 出现如图所示文件夹2.导入全局配置如图:3.使用this.$wx.miniProgram.redirectTo({ url: '/pages/index/index?a=1' })其中: /pages/index/index 为页面的路径?a=1为跳转携带的参数,可填写可不填写完结散花~...原创 2021-04-21 14:38:42 · 2706 阅读 · 6 评论 -
Uniapp导出H5无法预览的问题
1.修改H5配置2.点击发行配置自己的地址,重新发布后查看自己打包后的html文件,即可浏览样式!原创 2021-03-26 11:10:24 · 933 阅读 · 0 评论