
小程序
眼睛微微笑
0.0
展开
-
小程序定位到 胶囊的三个点大概中间
微信小程序确定到胶囊左侧三个点的位置如何定位到小程序导航栏下边,胶囊左侧三个点的位置原创 2023-08-20 09:24:00 · 1749 阅读 · 0 评论 -
小程序上拉加载,下拉刷新
// 采用 vue 的mixins// 新建 page.jsexport default { data() { return { none: false, pageDataList: [], loading: false, bottom: false, page_no: 1, page_size: 10, } }, methods: { async getDataFun(refresh = "") { this.loading = true原创 2021-05-10 13:21:13 · 324 阅读 · 0 评论 -
小程序image组件裁剪属性
原图:<view class="m40 title">不适用任何裁剪属性</view><view class="imgBox m40"> <image src="https://shop.ccdental.cn/images/b7/da/ad/97e8f82a896dbe923cc442011a512b7221809c85.png"></image></view><view class="m40 title"&g原创 2021-01-22 15:25:17 · 234 阅读 · 0 评论 -
taro如何搭配dva使用?
1.在taro项目中装包:npm install --save dva-core dva-loadingnpm install --save redux @tarojs/redux @tarojs/redux-h5 redux-thunk redux-logger2 新建dva.jsimport Taro from '@tarojs/taro';import { create } from 'dva-core';import { createLogger } from 'redux-logg原创 2020-10-23 11:53:15 · 509 阅读 · 0 评论 -
微信小程序得scroll-view上拉加载下拉刷新
<template> <div class="scBox"> <div class="pickerBox"> <picker range="{{projectListArr}}" range-key="{{'projectName'}}" value="{{pickerIndex}}" bindchange="pickerChange">原创 2020-07-16 14:55:20 · 510 阅读 · 0 评论 -
微信小程序如何引入直播组件?
// 具体可查看文档的引入.这里以主包简单介绍// app.js引入,首先需要在小程序后台第三方设置里添加插件。"plugins": { "live-player-plugin": { "version": "1.1.1", // 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释) "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释原创 2020-07-15 19:42:35 · 3407 阅读 · 1 评论 -
wepy,微信小程序使用canvas绘制海报
<template> <view> <view class="poster"> <view class="tip">保存{{from==='location'?'楼盘图片':'名片'}}到相册,分享给朋友吧~</view> <view class="closeBox"> <image bindtap="closefn" class="closeIm.原创 2020-06-29 12:01:05 · 355 阅读 · 0 评论 -
微信小程序onshow里拿参数
原生小程序语法直接在onshow生命周期里使用this.options// 以下$wx是被wepy封装了一层. onShow () { console.log(this) let { $wx: { options } } = this this.recommendList(options.id) },原创 2020-06-05 17:46:34 · 2947 阅读 · 0 评论 -
微信小程序保存图片到本地,本地图片不支持
// 保存图片需要用到wx.wsaveImageToPhotosAlbum这个api,但是这个api测试后发现本地图片不支持直接引用,而是需要用到wx.getImageInfo接口返回一个临时图片路径使用// 如果是网络图片,需要配置download域名 wx.getImageInfo({ src: 'https://xxxxxxx-pic.oss-cn-shanghai.aliyuncs.com/activityxxxxxxx.png', // or 本地图片 suc原创 2020-05-28 21:47:48 · 1066 阅读 · 0 评论 -
微信小程序封装请求
import { env } from './config'let baseUrl = '';switch (env) { case 'dev': baseUrl = 'http://192.168.0.100:5001'; break; case 'prod': baseUrl = 'https://生产'; break; default: ...原创 2019-11-28 11:25:37 · 875 阅读 · 0 评论 -
微信小程序web-view与小程序的通信
h5中:// h5页面先引入 这个文件 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> //传参 wx.miniProgram.getEnv(function (res) { if...原创 2019-11-27 16:24:10 · 878 阅读 · 0 评论 -
小程序跳转外部web-view
// const location = encodeURIComponent(url); wx.navigateTo({ url: `/page/webPage/index?url=${location}`, });//获取webPage页面<web-view src="{{url}}"></web-view&g...原创 2019-11-26 09:15:54 · 291 阅读 · 0 评论 -
检测微信小程序最新版
toUpdateManager() { const updateManager = wx.getUpdateManager(); updateManager.onUpdateReady(function() { wx.showModal({ title: '更新提示', content: '新版本已经准备好,请重启应用', ...原创 2019-09-26 14:14:57 · 875 阅读 · 0 评论 -
微信小程序如何使用npm包
npm initnpm install --productionnpm i vant-weapp -S --production原创 2019-08-09 10:11:59 · 305 阅读 · 0 评论 -
微信小程序新能源 车牌号
<view class='che'> <view bindtap='go'>请输入要办理ETC车辆的的车牌号</view> <view class='fle'> <block wx:for="{{cars}}"> <view class='itemsss {{count==index?"activ...原创 2019-07-31 10:44:55 · 908 阅读 · 0 评论 -
微信小程序如何复制剪贴文本内容。
wx.setClipboardData({ data: '我是你要复制或者剪贴的内容', success(res) { wx.getClipboardData({ success(res) { console.log('已经剪贴好,坐等粘贴') } }) } ...原创 2019-07-17 16:03:17 · 1886 阅读 · 0 评论 -
微信小程序分享二维码扫码进入如何获取参数,小程序码进入参数为啥拿不到;
!!!!!!!! 建议在app.js和index.js都写上。。。一开始邀请按钮的参数 在app 里写无效;小程序码索性两个都一一加上。// !!!!!!!! 最好在index.js 里 onLoad()里也写上。。。一开始邀请按钮获取参数并未拿到在这里写;;;;// app .js 里 onLaunch: function(options) { console.l...原创 2019-07-10 18:55:28 · 3796 阅读 · 0 评论 -
微信小程序如何使用拍照?
<camera mode="normal" device-position="{{choose}}" flash="auto" binderror="error" style="width: 100%; height: 450px;overflow: hidden;"> <cover-view class="controls"> <cover-ima...原创 2019-06-30 10:41:27 · 3192 阅读 · 0 评论 -
微信小程序授权登录获取用户信息
用户信息授权只能通过:open-type="getUserInfo 必须有它 <button class='check-btn' bindgetuserinfo="bindgetuserinfo" bindtap='checkNow' open-type='getUserInfo'>授权</button>用户从未经过授权;会默认弹窗提示用户是否同意获取用户信息(头...原创 2019-05-14 18:23:34 · 2485 阅读 · 0 评论 -
微信小程序怎么把html转为wxml格式
1.下载wxParse(https://github.com/icindy/wxParse2 把wxParse文件夹直接挪进项目里(emojis没用到,都是表情)3 :我在index页面使用:// index.js var WxParse = require('../../wxParse/wxParse.js'); //引进来先 // 所有的html给了一个变量储存 v...原创 2019-05-20 13:55:46 · 2024 阅读 · 0 评论 -
微信小程序上传图片并预览
// 写在一个事件里wx.chooseImage({ sourceType: ['camera', 'album'], count: 1, success: (res) => { const path = res.tempFilePaths[0]; wx.uploadFile({ url: get...原创 2019-05-20 13:56:10 · 1392 阅读 · 4 评论 -
纯css上下滚动显示的动画,现用于微信小程序,如需vue使用;注意html变换
<view class="check-info-list marquee"> <view class="marquee-content"> <block wx:for="{{recordList}}"> <view class="scroll-view-item_H check-info-item">...原创 2019-05-12 22:11:00 · 601 阅读 · 0 评论 -
关于swiper的轮播图,默认直接放图片,无法让图片展示默认的高度,从而撑起理想的的swiper;
<swiper circular='true' indicator-dots="1" autoplay="true" style='height:{{bannerHeight-10}}px'> <block wx:for="{{imageList}}"> <swiper-item> ...原创 2019-05-13 11:58:53 · 1466 阅读 · 0 评论 -
关于微信小程序slot插槽,e.target指向问题
<!-- 只给父亲添加自定义属性(slot不添加);slot里即使使用target,拿到的还是father,并不是空 --><view class='zhezhao' data-fa="father" bindtap='get' hidden="{{isTrue}}"> <!-- 给插槽指定一个自定义属性,用target就能拿到自己的slot,不再是fathe...原创 2019-05-18 10:07:25 · 643 阅读 · 0 评论 -
微信小程序分享获取携带参数,分享地址写的是index,就在Index里onLoad(options)里拿
// app.js// 实际上线后app.js里未拿到参数;而是在分享对应的页面拿到的参数// 这里我全写了;onLaunch: function (options) { // 场景模拟可以拿到,但是实际上线后未拿到; 而是在分享页面拿到的参数 if (options.query && options.query.inviationCode) { ...原创 2019-05-18 14:54:45 · 4439 阅读 · 1 评论 -
微信小程序里tab栏切换效果带滑动,作为模板来使用
创建template目录template.wxml 定义:<!--template/template.wxml--><template name="tem"> <view class='tab_box'> <view class='tab_tab'> <block wx:for="{{tab}}"> ...原创 2019-05-18 15:16:32 · 1703 阅读 · 0 评论 -
车牌号上的省会简称;uni-app组件,vue组件通用,小程序可模仿
<!-- car.vue组件 --><template> <!-- 我得遮罩层 组件--> <view class="car" v-show="isShow"> <view class="zhezhao" @tap="close"> <view class="box" @tap.stop="stop"> ...原创 2019-05-28 15:14:51 · 1375 阅读 · 0 评论 -
小程序swiper的坑,小程序轮播图swiper如何让内容撑起高度,
其实就是在swiper-item下一个大盒子;计算出它的高度,然后让swiper高度等于它;<swiper style='height:{{swHeight}}px'> <swiper-item wx:for="{{tab}}"> <view id='dong'> </view> </swiper-item...原创 2019-06-09 22:36:01 · 1272 阅读 · 1 评论 -
微信小程序如何获取当前地理位置,选择地理位置
getLocation(){ wx.authorize({ scope: 'scope.userLocation', success() { wx.chooseLocation({ success(res) { console.log(res) }, fail()...原创 2019-06-17 15:24:28 · 1828 阅读 · 0 评论 -
小程序车牌号模拟虚拟键盘选择。车牌号虚拟键盘。作为组件使用
这里是作为组件使用的。1.新建组件carCity组件wxml书写<view class='car'> <view bindtap='showCity' class='carNo {{carNo==""?"":"hei"}}'>{{carNo||'请输入车牌号码'}}</view> <view hidden="{{isCarNo}}" clas...原创 2019-06-21 15:10:30 · 2955 阅读 · 0 评论 -
微信小程序之间如何跳转,如何跳转到别人的小程序
1.需要现在app.json配置 "navigateToMiniProgramAppIdList": [ "要跳转目标小程序的appid" ], to(){ wx.navigateToMiniProgram({ appId: '要跳转目标小程序的appid', extraData: { company_name: 'kuad...原创 2019-06-21 16:44:46 · 9022 阅读 · 2 评论 -
微信小程序里tab栏切换效果带滑动,封装为组件来使用
用到两个组件:s-tabs组件和tab_item组件组件定义;定义一个目录后,直接右键该目录创建Component1:s-tabs组件<!-- s-tabs组件 js未用到,json默认会开启"component": truee --><view class='tab_tab'> <!-- 定义一个组件,放一个插槽是为了能在引入该组件的页面可以放东西,包...原创 2019-05-18 23:32:49 · 1522 阅读 · 0 评论