随笔分类 -  uni-app

1 2 下一页
uniapp实现手写签字功能
摘要：首先，在components下新建 signView.vue文件 <template> <view class="main-content" v-if="isShow"> <!-- 签字canvas --> <block v-if="showCanvas"> <canvas class="mycan 阅读全文
posted @ 2024-02-21 10:43 IT小姐姐 阅读(2311) 评论(0) 推荐(0)
uniapp 选择城市 根据城市首字母分类排序
摘要：selectCity.vue <template> <view class="select-city"> <view class="search"> <van-field class="select-input" input-align="left" :value="searchVal" place 阅读全文
posted @ 2024-02-05 10:18 IT小姐姐 阅读(913) 评论(0) 推荐(0)
uniapp中swiper一屏展示两张图的轮播
摘要：代码如下： <template> <view class="container"> <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :d 阅读全文
posted @ 2024-01-24 16:01 IT小姐姐 阅读(716) 评论(0) 推荐(0)
uniapp 区分环境打包配置
摘要：概述 在开发web时，有时需要一套代码编译发布到不同的站点，比如主站和微信h5站。（注意不是一套代码内部自适应不同浏览器，是真的分离部署了不同的网站） 在开发小程序时，经常有扩展小程序平台，比如基于阿里小程序的钉钉小程序、淘宝小程序。 uni-app 通过在package.json文件中增加uni- 阅读全文
posted @ 2023-04-25 09:23 IT小姐姐 阅读(533) 评论(0) 推荐(0)
uniapp微信小程序 选择日期时间
摘要：一。根据需要点击选择时间日期，效果如下图： （1）新建一个dateTimePicker.js文件 function withData(param){ return param < 10 ? '0' + param : '' + param; } function getLoopArray(start 阅读全文
posted @ 2022-11-18 15:38 IT小姐姐 阅读(3269) 评论(0) 推荐(0)
uniapp微信小程序返回上一页并刷新数据
摘要：根据要求：详情页返回列表页时，要刷新列表页的数据，操作如下 @click="goBack" goBack{ let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 上一页 uni.navi 阅读全文
posted @ 2022-11-04 11:56 IT小姐姐 阅读(2404) 评论(0) 推荐(0)
uniapp解析后端返回的html标签
摘要：<rich-text :nodes="data.content"></rich-text> 阅读全文
posted @ 2022-11-02 18:50 IT小姐姐 阅读(324) 评论(0) 推荐(0)
uniapp微信小程序内部跳转其他微信小程序
摘要：uniapp小程序内点击某个按钮跳转另外一个小程序连接，具体实现步骤如下： <view class="home-Item" @click="goNativeindex"> <image class="home-Item-img" src="../../static/images/icon1.png" 阅读全文
posted @ 2022-10-22 10:11 IT小姐姐 阅读(2966) 评论(0) 推荐(0)
uniapp 打包app 引入高德地图
摘要：一。高德地图注册key值 二。项目中添加配置 三。项目中引用 <view class="home-btom-box" > <view class="home-zs"> <image class="img-addicon" src="../../static/images/com_icon_adres 阅读全文
posted @ 2022-06-21 16:18 IT小姐姐 阅读(1687) 评论(5) 推荐(0)
uniapp 微信小程序 根据经纬度解析地址（腾讯地图）
摘要：//引入腾旭地图sdk import QQMapWX from '../../common/qqmap-wx-jssdk.js' onLoad(){ this.getMapAddress() }, methods:{ getMapAddress() { var that = this const t 阅读全文
posted @ 2022-04-08 09:00 IT小姐姐 阅读(1436) 评论(0) 推荐(0)
uniapp 微信小程序 实现左侧菜单右侧列表，双向联动的效果
摘要：<template> <view class="u-wrap"> <view class="u-search-box"> <view class="u-search-inner"> <u-icon name="search" color="#909399" :size="28"></u-icon> 阅读全文
posted @ 2022-03-23 11:05 IT小姐姐 阅读(2194) 评论(0) 推荐(0)
uniapp微信小程序 原生底部导航栏
摘要：在pages.json文件中写 "tabBar": { "color": "#333333", "selectedColor": "#F7433D", "borderStyle": "black", "backgroundColor": "#ffffff", "list": [{ "pagePath 阅读全文
posted @ 2022-03-19 10:31 IT小姐姐 阅读(415) 评论(0) 推荐(0)
uniapp(vue)实现点击左侧菜单，右侧显示对应的内容
摘要：<template> <view class="container"> <view class="fication-search"> <input type="text" value="" placeholder="请输入您要搜索的内容"/><image class="search-icon" sr 阅读全文
posted @ 2022-03-17 14:25 IT小姐姐 阅读(4947) 评论(0) 推荐(2)
uniapp input框聚焦时软键盘弹起整个页面上滑，固定页面不让上滑问题
摘要：根据需求，软键盘弹起时，不允许页面整体向上滑动 用到的属性是： :adjust-position="false" uni-app 软键盘顶起底部fixed定位的输入框 页面就不会上滑 <view class="cu-bar search bg-white" style="position: fixe 阅读全文
posted @ 2022-03-11 17:14 IT小姐姐 阅读(5256) 评论(0) 推荐(0)
uniapp 微信小程序 改变头部的信号、时间、电池显示颜色
摘要：修改前 修改后 修改方法："navigationBarTextStyle":"white" 阅读全文
posted @ 2022-02-12 15:12 IT小姐姐 阅读(1765) 评论(0) 推荐(0)
uniapp 微信小程序 引入 环信聊天
摘要：最近项目需要实现一个聊天的功能，群聊或者单聊，用到环信，根据官网实现一下相关的配置吧 第一：下载环信demo 地址：https://github.com/easemob/webim-uniapp-demo 第二：将demo中的 newSDK 和 utils 文件夹放到自己的项目中 （utils文件中 阅读全文
posted @ 2022-01-20 13:42 IT小姐姐 阅读(1394) 评论(0) 推荐(0)
uniapp微信小程序 下拉刷新（上拉请求下一页数据）
摘要：<template>标签中： <view class="" v-if="daShow==1"> <view class="orderlist-list" @click="goDetail(item.id)" v-for="item in row_list" :key='item.id'> <!-- 阅读全文
posted @ 2021-08-10 17:04 IT小姐姐 阅读(1164) 评论(0) 推荐(0)
uniapp 微信小程序自己封装头部标题栏
摘要：一、首先要关闭原生导航栏 ：在pages.json 中设置 "navigationStyle":"custom" 二、在APP.vue中 onLaunch: function() { uni.getSystemInfo({ success: function(e) { // #ifndef MP V 阅读全文
posted @ 2021-08-07 10:58 IT小姐姐 阅读(1676) 评论(0) 推荐(0)
uniapp中封装一个弹框组件
摘要：第一步：在components下创建 popup.vue子组件； popup.vue中 <template> <view> <view class="popus-box"> <view class="content"> <view class="title">{{propsMsg.title}}</ 阅读全文
posted @ 2021-07-30 16:20 IT小姐姐 阅读(1363) 评论(0) 推荐(0)
uni-app生命周期和路由跳转
摘要：生命周期分为：应用生命周期和页面生命周期 具体内容可参考：uni-app官网Api 应用生命周期（仅可在App.vue中监听） （1）onLaunch：当uni-app 初始化完成时触发（全局之触发一次） App.vue里的onLaunch中option作用：获取用户进入小程序或退出小程序的场景值。 阅读全文
posted @ 2021-07-12 15:57 IT小姐姐 阅读(814) 评论(0) 推荐(0)

1 2 下一页