- 博客(31)
- 收藏
- 关注
RSS订阅原创 uniapp实现小程序分享朋友圈和转发朋友
imageUrl: 'https://micro.yiyunju-trip.com/yyj/20250109/title.jpg', // 分享图片。// path: '/pages/index/index', // 可选，如果希望点击进去是小程序的某个页面。// path: '/pages/index/index', // 可选，如果希望点击进去是小程序的某个页面。3.要实现点击点击右上角的分享朋友圈和转发朋友只需配置上述两个方法即可。2.转发朋友支持点击右上角三个点和自定义按钮触发。
2025-01-21 10:44:16
504
原创 echarts地图设置点位及弹框展示
return '{fline|一二三公司}\n{tline|总人数：}{count|1039人}\n{tline|出差人数：}{count|192人}';
2024-12-02 10:31:50
817
原创 el-select实现el-tree 下拉树并且可以实现搜索功能
el-select v-model="filterText" placeholder="请选择成本中心" clearable filterable remote :remote-method="searchCenter" @clear="getCostCenterData" @focus="focusCenter">注：costList数据结构如下。
2024-11-22 16:50:52
1065
原创 uniapp获取当前位置的经纬度及位置名称
plugins: ["AMap.Geolocation", "AMap.Geocoder"], // 需要使用的的插件列表，如比例尺'AMap.Scale'等。version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15。key: "xxx", // 申请好的Web端开发者Key，首次调用 load 时必填。timeout: 10000, // 设置定位超时时间，默认：无穷大。注：下载依赖"@amap/amap-jsapi-loader": "^1.0.1",
2024-11-22 15:53:53
1056
原创 VUE实现纯前端PDF下载
/一页pdf显示htm1页面生成的canvas高度，a4纸的尺寸[595.28,841.89];//a4纸的尺寸[595.28,841.89],htm1页面生成的canvas在pdf中图片的宽高。// PDF.text("这是标题", 10, 20);// 在PDF中添加标题，位置可以自定义。useCORS: true, //支持图片跨域。scale: 2, //设置放大的倍数。//未生成pdf的htm1页面高度。//canvas转图片数据。......./具体要下载内容的代码///新建JSPDF对象。
2024-11-21 11:44:29
585
原创 VUE大屏地图并实现弹框效果
margin-left:5px">家</span>margin-left:5px">元</span>margin-left:5px">家</span>
2024-11-21 10:56:20
1096
原创 VUE大屏数字滚动变化效果
/ 拿到数字的ref，计算元素数量。// 将其便变成数据，渲染至滚动数组。/*webkit浏览器*/-khtml-user-select: none;// 结合CSS 对数字字符进行滚动,显示订单数量。// 处理数字,注：入参num为要处理的数据。/* 默认逗号设置 *//*滚动数字设置*/
2024-11-21 10:32:56
1462
原创 el-date-picker限制选择的时间范围
注：1. time.getTime() >= new Date().getTime() - 24 * 3600 * 1000 今天（包含今天）之后的日期不可选。2. time.getTime() < new Date().getTime() - 8 * 24 * 3600 * 1000 今天往前七天之前的日期不可选。start-placeholder="开始日期"end-placeholder="结束日期"range-separator="至"
2024-11-19 17:38:48
1046
原创 uniapp中实现小程序获取手机号码登录
sessionKey: getApp().globalData.sessionKey, //获取方法如下。this.encry = res.detail.encryptedData //用于解密。xcxLogin接口： export const xcxLogin = (data) => request({this.iv = res.detail.iv // 用于解密。title: '授权失败，请重新授权',手机号快捷登录</button>注：sessionKey的获取方式如下。
2024-10-17 17:20:18
1268
原创 uniapp中小程序实现高德地图滑动轮播图标记对应点位，点击标记返回轮播图对应位置
this.hotelList[0].callout.content = `${this.hotelList[0].name} \n ￥${this.hotelList[0].price}起 `;item.callout.content = `${item.name} \n ￥${item.price}起 `;
2024-10-17 16:59:58
721
原创 uniapp中h5引入高德地图
version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15。b.引入依赖：import AMapLoader from "@amap/amap-jsapi-loader";plugins: [""], // 需要使用的的插件列表，如比例尺'AMap.Scale'等。center: this.location, //初始化地图中心点位置。viewMode: "2D", //是否为3D地图模式。zoom: 15, //初始化地图级别。//设置地图容器id。
2024-10-17 16:44:12
567
原创 uniapp中小程序引入高德地图
b.引入依赖：import amap from "@/utils/amap-wx.130.js";a.下载依赖：npm install @amap/amap-jsapi-loader。console.log("错误信息", err);key: XXXX, //高德地图官方申请的key。
2024-10-17 16:32:57
699
1
原创 uniapp在h5中拉起微信支付
u-modal :show="sureShow" cancelText="继续支付" confirmText="确认离开" @confirm="sureConfirm" @cancel="sureCancel"<u-modal :show="payShow" title="支付确认" cancelText="取消" confirmText="已完成支付" @confirm="payConfirm"-- 支付结果 弹框 -->-- 支付结果 弹框-->-- 是否继续支付 -->-- 支付确认 -->
2024-10-17 16:20:03
1064
原创 uniapp手机验证码登录详细代码
u-input v-model="loginForm.msgCode" placeholder="请输入验证码" style="background: white;<u-input placeholder="请输入手机号" style="background: white;" @click="login">登录</u-button>
2024-10-17 15:34:57
1319
原创 uniapp常见校验规则
2.校验邮箱：const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;regex.test(value)为true时校验通过。1.校验手机号码：uni.$u.test.mobile(value)
2024-10-17 15:26:25
537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人