ICode9

精准搜索请尝试: 精确搜索
  • uni-app之scroll-view组件2022-06-27 14:01:39

    uni-app使用scroll-view组件不生效的问题 1.横向滚动不生效的问题是因为少了两行代码: white-space: nowrap; display:inline-block; 2.纵向滚动 必须指定滚动区域的高度。 不设置高度的话,scroll-view是不会滚动的,此时滚的是页面。 <scroll-view class="classify" scroll-x show-sc

  • canvas 微信公众号,生成分享海报2022-06-25 18:35:31

    <template> <view class="pc-container"> <topFixBack /> <image :src="imgurl" mode="aspectFill" @tap="saveImage"></image> <canvas canvas-id="mycanvas" style="wi

  • uni-app使用Sqlite2022-06-24 12:02:20

          step2:封装常用操作(未对事务进行封装 HTML5+ API Reference (html5plus.org)) // //打开数据库 function openDb(name,path) { return new Promise((resolve,reject)=>{ plus.sqlite.openDatabase({ name: name, //这里是数据库的名称 path: path, //_

  • uni-app操作笔记2022-06-24 11:01:41

    持久化存储到本地 // 调用 uni.setStorageSync(key, value) 将搜索历史记录持久化存储到本地 uni.setStorageSync('kw', JSON.stringify(this.historyList)) //取值 this.historyList = JSON.parse(uni.getStorageSync('kw') || '[]')  

  • uniapp中发送请求2022-06-20 22:35:40

    uni.request(OBJECT) 用这个方法即可发送网络请求。 在各个小程序平台运行时,网络相关的 API 在使用前需要配置域名白名单。 OBJECT 参数说明 如: <template> <view> <button v-on:click="SendGet">发送请求</button> </view> </template> <script> export default{

  • uniapp 获取屏幕分辨率2022-06-20 15:36:29

      uni-app提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息。 具体使用: //data声明变量 windowWidth windowHeight //created 获取信息 uni.getSystemInfo({ success: (res) => { this.windowWidth = res.windowWidth;

  • uniapp 实现类似keep-alive效果(从列表页进入详情页,返回列表页滚动条位置不变)2022-06-20 14:34:23

    使用uniapp 做小程序已经大半年了。uniapp 相比原生的小程序省事儿很多,而且能兼容多平台H5,app,微信小程序,支付宝小程序等。 但辩证的看待问题,有利就有弊。用uniapp 开发离不开看文档,当你用到一个个vue特性的需要确认在uniapp中支不支持。 就比如今天的标题如果说在vue中使用keep-al

  • uni消息推送2022-06-17 12:03:33

    //APP.vuegetUser(){//获取客户端标识 消息推送   // #ifdef APP-PLUS var pinf = plus.push.getClientInfo(); var cid = pinf.clientid; //客户端标识 console.log('cid:' + cid); plus.push.addEventListener( click', function(msg) {   uni

  • uniapp下拉刷新2022-06-16 21:02:28

    下拉刷新的开启模式 1、全局开启 这样直接在配置文件pages.json的globalStyle配置属性里设置"enablePullDownRefresh":true即可开启。不过这样每个页面都开启了下拉刷新了。 2、局部开启 在配置文件pages.json的"pages"属性里每个组件自己的page里开启。 监听下拉事件 onPullDo

  • uniapp中使用WebSocket做心跳机制2022-06-16 09:32:49

      1. 为什么叫心跳包呢? 它就像心跳一样每隔固定的时间发一次,来告诉服务器,我还活着。   2. 什么是心跳机制? 1、心跳机制是每隔一段时间会向服务器发送一个数据包:告诉服务器(后台)自己还活着,同时客户端(浏览器)会确认服务器端是否还活着 2、如果还活着的话,就会回传一个数据包给客户端

  • 微信小程序-获取本小程序的appID2022-06-15 12:01:53

    微信小程序:wx.getAccountInfoSync() uni-app:uni.getAccountInfoSync().miniProgram.appId uni.getAccountInfoSync().miniProgram.appId 搜索 复制

  • uni-app本地打包2022-06-13 19:01:44

    1、下载sdk——Android-SDK@3.1.13.80836_20210517 2、复制sdk包中的demo工程HBuilder-HelloUniApp到任意目录,使用android studio打开    3、Android-SDK@3.1.13.80836_20210517\SDK\libs中将lib.5plus.base-release.aar、android-gif-drawable-release@1.2.17.aar、uniapp-v8-

  • uni-app 单图上传组件2022-06-11 14:31:58

    组件 components/uploadImg.vue <template> <view class="container"> <image v-if="UploadUrl" @click="uploadImg()" :style="{'width': size[0] + 'rpx', height: size[1] + 'rpx' }&q

  • uni-app 实现 车牌键盘2022-06-10 18:05:51

    上篇实现了个uview组件的车牌键盘,今天来实现一个纯手写的,智能化的车牌键盘,先看个效果图 上代码,先实现个基本的样式 <view class="car_num-text"> <template v-for="(item,index) in brand"> <text v-if="item == '+'" :key='index' class="

  • uni-app开发微信小程序授权登录(获取用户昵称与获取用户手机号)2022-06-07 18:01:18

    1:小程序授权登录获取用户昵称 let that=this  uni.getUserProfile(  ang: 'zh_CN',   desc: '登录',   success: infoRes => {      let info=infoRes.userInfo     uni.login({       success(res){         let code=res.code

  • uniapp开发的h5跳转到小程序2022-06-07 17:36:02

    使用场景: 将h5嵌入到小程序或者app中,然后再拉起另外一个小程序 使用方法(通过中转):   1、app调用方法,让app提供跳转方法,将参数传给app,让app拉起小程序   2、小程序跳转方法,h5通过uni.postMassage{}+uni.navigateBack()传递消息,让小程序拉起另外一个小程序 具体实现: app 判断使

  • uni-app 微信小程序 生成二维码链接 动态参数2022-06-03 11:03:41

    文档地址 「auth.getAccessToken」 https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html   「wxacode.getUnlimited」 https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getU

  • uni-app实现薪资区间范围选择2022-06-02 09:31:54

    templete: <uni-forms-item label="期望薪资" name="intention_salary" class="salary_input"> <u--input v-model="checkVal" placeholder="请选择(选填)" readonly border="bottom&qu

  • uni实现发表评价的上传图片2022-05-31 16:00:10

    效果:     结构代码: 1 <!-- 4、上传图片 --> 2 <view class="addbox1_son2"> 3 <view class="pic-box"> 4 <view class="pic-box-son" v-for="

  • uni-app - 内置组件样式修改无效问题2022-05-31 12:04:26

    uni-app - 内置组件样式修改无效问题 全局样式中修改 在app.vue中 //设置圆角 checkbox.round .wx-checkbox-input, checkbox.round .uni-checkbox-input { border-radius: 100upx; } //设置背景色 checkbox.red[checked] .wx-checkbox-input, checkbox.red.checked .

  • HBuilderX - 项目打包apk2022-05-25 11:34:11

    HBuilderX - 项目打包apk 参考资料 用HBuilderX把vue项目打包成apk Uni-app离线打包Android APK详细教程 uni-app如何打包成apk,完整版3分钟了解简单打包apk uni-app离线打包apk Android Studio HBuilderX 项目上点右键→【发行】→【原生App-云打包】 选择【使用公共测试证书】。

  • vue2混入写法2022-05-25 09:01:55

    为什么用 mixins 从官方的介绍我们可以知道 mixins的作用是抽取组件中相同的属性和方法到独立的文件,以便公用。 mixins对象会被混入该组件本身,所有会有命名冲突。 举个例子:做一个公共返回顶部 因为每个页面都要写滚动的生命周期,然后再把滚动的值传到组件里 所以做了一个公共组件

  • uni-app和原生小程序混合开发2022-05-12 17:34:26

    详情见 : https://blog.csdn.net/cmdfas/article/details/119884168     现有一个十分庞大的微信小程序应用,想要把新功能利用uni-app来开发,是否可行?有哪些优缺点? 首先看到官方给出的解决方案 https://uniapp.dcloud.io/hybrid 方式1:把原生小程序转换为uni-app源码。有各种转换工

  • UNIAPP实现PDA扫码2022-05-12 17:00:07

    目前我接触到了两种方法,以扫码pda安卓采集器(可以直接理解为手机上有个激光扫码)的设置划分。 1.扫描设置 --> 键盘方式输出(键盘类型:物理键盘),注意设置要看具体的型号; 2.扫码设置 --> 广播输出。 第一种 “键盘方式输出” 直接在input里接收扫到的内容; 第二种 “广播输出” 是写一个

  • uni聊天对话页面2022-05-12 14:01:43

    效果(此页面经自定义后存在部分问题未解决,不过不影响发送消息的功能):         使用插件:cola-u-chat 插件下载链接:https://ext.dcloud.net.cn/plugin?id=5754 不知道怎么使用的话,加入他们的交流qq群914490319 下载demo,反正我是下载后才整上。 需要先装uView,可以看下下面这张图修

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有