- 博客(11)
- 收藏
- 关注
原创 微信小程序--(uniapp、taro)分类菜单栏双向(左右)联动
文章目录前言效果图index.vue总结前言提示:这个小功能大致的逻辑:(1)、左右两边都是scrollView布局,左右边栏每一个标题就是一个item项,我们可以同时用Promise.all实例化来初始化数据来使用uni.createSelectorQuery()获取左边每个item所需要的offsetTop和Height,同理右边栏获取每个item所需要的offsetTop和bottom等等的节点位置信息,提示:以下是本篇文章正文内容,下面案例可供参考,直接上代码效果图index.v
2021-08-07 18:06:16 2803 2
原创 uniapp、vue 父子、兄弟组件之间传值
文章目录一、结果图二、父子组件之间的传值三、兄弟组件之间传值提示:以下是本篇文章正文内容,下面案例可供参考一、结果图二、父子组件之间的传值 父组件:<template> <view class="test_wrapp"> <view class="father_son"> <view>父子之间传值</view> <value-c :fatherNum="fatherNum" @updateSon="updat
2021-06-21 14:10:35 470
原创 微信小程序 、taro3.x、uniapp 自定义导航栏头部、滑动渐变(仿小米Life小程序首页)
文章目录前言一、效果(小米小程序)二 、我仿的效果三、代码逻辑1.index.jsx2.index.less3.index.config.js总结前言提示:一个小功能大致的逻辑:1、自定义顶部导航栏:(1)、随着需求不断的变化,小程序原生导航栏头部已不满足现在的社会的客户了(2)、顶部导航栏我们可以获取手机系统的信息,完全可以适配其他手机的尺寸Taro.getSystemInfoSync()(3)、看得出顶部导航栏由状态栏大小 + 小程序胶囊大小 + 胶囊距离状态栏高度 + 胶囊底部高度 =
2021-06-18 11:39:22 4003
原创 uniapp、taro 微信小程序 瀑布流
项目场景例如:项目场景:示例:商品货架、文章、视频等组件效果图实现过程提示:大致思路:布局分开左右两边布局,分成二条线直线,互不相关。利用uni.createSelectorQuery() 实例获取节点每次获取左右两边的数据的高度进行判断之后再push 数据进去渲染代码如下<template> <view class="dislocat_content"> <view id="dis_left" class="dislocat_content_
2021-05-26 12:04:48 1865
原创 微信小程序、taro 封装分享功能
效果图实现过程 1、利用onShareAppMessage (Object) 监听用户点击页面内转发按 2、需要什么参数,官网有说:http://taro-docs.jd.com/taro/docs/react#onshareappmessage-object提示:以下是本篇文章正文内容,下面案例可供参考share.jsimport Taro from '@tarojs/taro';import shoppRequest from './shoppRequest'import { a
2021-04-22 12:26:25 1790 2
原创 记录用uni-app开发小程序以及H5一事列的问题
1、获取微信用户信息报错这个问题社区有说的:https://ask.dcloud.net.cn/question/57937
2021-04-05 19:05:10 405
原创 微信小程序--picke选择器(省市区城市)-- 使用taro开发
效果图实现原理利用微信小程序picke组件:多列选择器:mode = multiSelector 实现省市区三级联动参数类型如下:或者可以去 官网查看.提示:以下是本篇文章正文内容,下面案例可供参考area.js 城市JOSN数据(基本全,可能会少let addressJSON = {"北京市":{"市辖区":["东城区","西城区","朝阳区","丰台区","石景山区","海淀区","门头沟区","房山区","通州区","顺义区","昌平区","大兴区","怀柔区","平谷区
2021-03-10 17:16:22 6783 5
原创 taro、uniapp、微信小程序导航栏双向联动
Taro双向联动(跨版导航)效果图功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出不懂Promise.all()用法,可以去官网看看效果图我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能
2021-03-03 12:12:27 1139
原创 微信小程序、taro、uniapp图片上传
Taro上传头像小程序/H5视图视图样式选择上传Taro.chooseImage()请求接口封装统一请求的方法插入链接与图片视图<View className='userinfo-content-layout'> { (process.env.TARO_ENV === 'h5' && navigator.userAgent.indexOf("MicroMessenger") == -1) ? <View className='userinfo-img
2020-10-26 15:43:54 1216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人