E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
weapp
关于微信自定义组件的使用过程以及第三方常用组件的使用过程!
首选:我们来介绍一下在进行微信小程序开发的过程中能够用到的自我感觉良好的第三方组件:第一:vant-
Weapp
这个组件库;其是youzan旗下的一个组件库;网址为:https://youzan.github.io
风~蒲公英
·
2020-08-04 07:21
微信小程序
微信小程序 引入外部UI组件 Vant
Weapp
微信小程序引入外部UI组件Vant
Weapp
Vant
Weapp
官网地址:https://youzan.github.io/vant-
weapp
/#/intro1.下载Vant
Weapp
npmivant-
weapp
-S
Jonas 666
·
2020-08-03 23:56
微信小程序
欢迎使用CSDN-markdown编辑器
解决方案第一种:document.domain+iframe业务需求:fans系统和
weapp
系统的系统更新消息的解决方案目前采用的就是该解决方案。具体做法如下:目标:因为该需求是fa
qq352773277
·
2020-08-03 20:42
js
微信小程序中安装使用Vant
Weapp
Vant
Weapp
是移动端Vue组件库Vant的小程序版本,两者基于相同的视觉规范,提供一致的API接口,助力开发者快速搭建小程序应用。
disaos
·
2020-08-03 16:05
微信小程序生成二维码
https://www.jianshu.com/p/e6021798cd40https://github.com/tomfriwel/
weapp
-qrcodegithub地址
weapp
-qrcode点击查看
杜杜丶Du
·
2020-08-03 14:18
微信小程序
小程序二维码生成
插件地址:https://github.com/yingye/
weapp
-qrcode1.普通情况在page里面使用,只需要引入,然后调用一下就可以了wxml:js:constQrCode=require
THINK_OF_
·
2020-08-03 14:39
小程序
在原生小程序 vue,mpvue中关于vant组件库的引入的那些坑
框架的方法先在项目文件下cmd进入终端npminit-y生成一个package-lock.json文件进行初始化项目配置引入vant包:npminstallvant--save或者npmi@vant/
weapp
-S
捂住眼睛放鞭炮
·
2020-08-03 12:58
javascript
vue.js
es6
微信小程序组件库之一 Vant
weapp
安装与使用以及node安装
在微信小程序的开发过程中为了节省时间和方便我们常用组件库去辅助开发,下面我就来介绍一个组件库vant
weapp
组件库1.在使用vant
weapp
组件库时我们首先需要进行安装,官方提供的方法是用npm进行安装
小小码农呀
·
2020-08-03 11:44
微信小程序
小程序
微信小程序vant
weapp
组件库的使用
上一篇文章我们安装了组件库,接下来让我们来使用这个组件库1.首先我们先将app.json中的"sty1e”:"v2”去除,小程序的新版基础组件强行加上了许多样式,难以去除,不关闭将造成部分组件样式混乱按ctrl+s保存快捷键2.比如我们想弄一个按钮:我们需要在新建的wxml文件中添加代码主要按钮按ctrl+s保存快捷键就会显示出来但是这是你会发现没有显示按钮,因为并没有引入组件3.这时我们只需要在
小小码农呀
·
2020-08-03 11:13
微信小程序
前端开发常用工具
微信小程序 - Vant
Weapp
UI 框架引入 Toast (轻提示)
第一步在所在页面的xx.json文件中引入,注意路径:"usingComponents":{"van-toast":"@vant/
weapp
/toast/index"}第二步在所在页面中xx.js文件中引入
王佳斌
·
2020-08-03 10:28
+
Vantweapp
taro初体验
-unsafe-perm//我电脑有时候需要权限所以要加参数--unsafe-perm初始化项目taroinitmyApp进入项目安装包cnpmi--unsafe-perm启动项目npmrundev:
weapp
fire-fire-fox
·
2020-08-03 06:50
微信小程序[电商]-实现标签云热搜及搜索功能
实现分析主要由三部分组成搜索框热搜标签云搜索结果列表搜索框搜索框使用vant-
weapp
的Search组件根据文档,导入组件即可。
_龙衣
·
2020-08-02 21:28
小程序之旅
微信小程序[电商]-自定义 Banner(轮播图)组件
在vant-
weapp
组件库中还没有提供Banner组件,所以我们来实现Banner组件,顺便了解自定义组件的实现过程。参考【自定义组件】:官方文档【微信小程序自定义组件
_龙衣
·
2020-08-02 21:28
小程序之旅
小程序
微信小程序[电商]-Tabbar 实现底部导航栏
安装vant-
weapp
参考【快速上手】在项目根目录,使用npm安装vant-
weapp
:#通过npm安装npmi@vant/
weapp
-S--production在微信开发者工具点击工具->构建npm
_龙衣
·
2020-08-02 21:28
小程序之旅
小程序
mpvue 使用ivew
weapp
modal組件 actions模式 点击 index 无法传递
在mpvue开发中,我使用了iview
weapp
UI框架,但是在使用Modal组件的时候出了一个问题,使用actions后,点击相应按钮,方法回调中,并没有index回调参数。
初学的小白一枚
·
2020-08-02 15:28
js
小程序
mpvue
node+uni-app实现微信聊天功能
1、准备工作https://socket.io/get-started/chat/http://
weapp
socket.matong.io/不一定要使用uni-app,也可以使用其它2、node核心代码
Agwenbi
·
2020-08-02 15:12
node
微信小程序---解决vant--SwipeCell右滑组件无样式
按照官方文档引入实际上还差点东西才能更模板一样1.首先是文件引入,我们看到官方实际上是只引入了一个文件,既"usingComponents":{"van-swipe-cell":"@vant/
weapp
喜欢前端的小北
·
2020-08-02 15:28
vant-微信小程序
【uniapp】uniapp的技术探索(正式版)
文章目录序言开发工具介绍及使用工程构建`APP`打包插件市场项目顶层设计页面适配方案及布局UI框架基础组件uni-uiColorUIThroUIgraceUIvant-
weapp
`webview`nvue
向光的昆虫
·
2020-08-02 14:55
uniapp
小程序dialog ,警告:未找到 van-dialog 节点,请确认 selector 及 context 是否正确
阐述项目中使用vant
Weapp
的组件,但是要用到组件中的“Dialog弹出框”,提示确认取消等操作,但是发现每个页面都需要引用一样的代码,代码冗余量太大,想着就把它抽离到类里面,这样直接调用即可。
@Winner
·
2020-08-01 09:51
小程序
微信小程序项目使用npm安装vant-
weapp
的正确步骤及错误处理方法
微信小程序项目使用npm安装vant-
weapp
的正确步骤及错误处理方法1,搭建小程序1.1项目-新建项目-如下图所示:1.2点击图中“新建”即可创建成功小程序项目。
@Winner
·
2020-08-01 09:50
小程序
伸手党系列三:使用mpvue+VantUI+flyio进行小程序开发
进行小程序开发基础介绍1.安装mpvue创建一个基于mpvue-quickstart模板的新项目全部流程这里是模板的具体配置信息(如果你还不太明白这些内容的含义,可以先直接全部按回车)2.安装Vant
Weapp
钱不多啊
·
2020-08-01 08:37
笔记
MPVue开发小程序采坑(van-field获取不到输入值)
在使用vant-
weapp
的时候,输入框van-field绑定的value值不会同步更新到data对应的变量,需要添加@change=“completeInputMobile”changeShoppingName
yongyafang
·
2020-08-01 08:17
mpvue
mpvue开发微信小程序(3)—— van-popup
Popup弹出层1、接入"usingComponents":{"van-popup":"/static/vant-
weapp
/popup/index"}2、弹出层注:从左右弹出,需要设置“height:
脱离语言
·
2020-08-01 08:40
Vant
Weapp
mpvue
微信小程序
5个最优秀的微信小程序UI组件库
WeUIWXSS:GitHub地址:https://github.com/Tencent/weui-wxssiView
WeApp
:GitHub地址:https://github.com/TalkingData
依旧平凡
·
2020-08-01 08:45
微信小程序
微信小程序漂亮UI vant-
weapp
快速架设
先在微信开发者工具中打开项目的终端:cmdcdF:\项目开发\微信小程序\你项目路劲2.然后初始化一个package.json文件:输入命令:npminit一路回车3.在小程序工程的根目录下执行:npmi@vant/
weapp
-S
东边的小山
·
2020-08-01 07:26
ui
微信小程序
mpvue小程序使用iView
Weapp
全套流程
小程序原生的学习成本太高了,改学mpvue,这个要求有点vue的基础(主要是自己偷懒,用框架比较快)用vue来写小程序的话,优点还是有很多的,比如:1.彻底的组件化开发能力:提高代码复用性2.完整的Vue.js开发体验3.快捷的webpack构建机制4.支持使用npm外部依赖5.使用Vue.js命令行工具vue-cli快速初始化项目6.H5代码转换编译成小程序目标代码的能力主要是第6点,让我决心来
前端小易
·
2020-08-01 07:47
mpvue
vue+mpvue+vant-
weapp
搭建小程序开发环境,以及打包发布小程序
vue+mpvue+vant-
weapp
搭建小程序开发环境,以及打包发布小程序背景最近因为工作的原因,需要用到小程序。
离开地球表面*
·
2020-08-01 06:39
小程序
vue
react
angular
uni-app引入UI组件库Vant-
weapp
2,使用npm安装或下载安装包:vant-
weapp
3,项目中引入vant-
weapp
组件步骤。①在根目录下创建wxcomponents文件夹。②wxcomponents文件夹下新建vant文件夹。
weixin_46301474
·
2020-08-01 06:35
可定制的小程序组件库:Wux
Weapp
可定制的小程序组件库:Wux
Weapp
介绍Wux
Weapp
是一套组件化、可复用、易扩展的微信小程序UI组件库。提供了超过70个实用组件,帮助开发者提高开发效率。
WuxWeapp
·
2020-08-01 06:31
Wux
小程序
前端
javascript
es6
npm
微信小程序构建npm并引入Vant
Weapp
Vant
Weapp
是移动端Vue组件库Vant的小程序版本,两者基于相同的视觉规范,提供一致的API接口,助力开发者快速搭建小程序应用。
sam_hammington
·
2020-08-01 06:25
微信小程序云开发
微信小程序前端
Vant
Weapp
和F2以及日历
1.Vant
Weapp
介绍:Vant
Weapp
是移动端Vue组件库Vant的小程序版本,两者基于相同的视觉规范,提供一致的API接口,助力开发者快速搭建小程序应用。
梦想起航-冬
·
2020-08-01 06:13
小程序
微信小程序如何使用第三方组件库
①初始化在项目的根目录右键,点击在终端打开,进入终端输入npminit,对项目进行初始化这时候项目会多出来一个project.config.json②安装相关包同样是在项目的终端输入npmivant-
weapp
-S
Web_阿凯
·
2020-08-01 06:58
微信小程序
微信小程序如何使用第三方组件库
微信小程序--引入vant框架学习笔记
看一下官方对Vant
Weapp
的介绍:Vant
Weapp
是移动端Vue组件库Vant的小程序版本,两者基于相同的视觉规范,提供一致的API接口,助力开发者快速搭建小程序应用。
行者#
·
2020-08-01 06:06
项目
Vant
Weapp
组件踩坑:picker的初始赋值
在使用vant的picker组件时,我希望有在页面加载时向数据库获取值来设置picker的默认值。开始我使用官方文档中的default-index属性,并在onLoad方法中进行this.setData()。但是这样做picker的默认索引还是0。于是我又将setData放入onShow()、onReady()方法,均不奏效。(我真的不知道为什么,新建一个空白页面测试也是这样)继而我查看官方文档,
梦中梦?
·
2020-08-01 06:42
微信小程序开发历程
vant
weapp
UI之submitbar组件价钱显示有问题
效果问题之前因为项目测试支付,所以价钱一直都是0.01。然后渲染在组件上面价钱就一直变成了0。接口数据返回是对的,页面上传参也没问题,那就只有去读源码了。然后本人发现这个submit-bar组件中对价钱进行了处理的。如下图红线处:组件中把价钱除了100,且做了四舍五入处理。toFixed()是把Number四舍五入为指定小数位数的数字。所以就把我穿的值0.01四舍五入成了0。解决将你的价钱参数*1
大灰狼吃小白兔
·
2020-08-01 06:23
小程序
小程序结合vant
weapp
的复选框(checkbox)组件实现全选、反选、多选
我是结合的vant
weapp
的checkbox实现的,less代码我就不给了index.wpy{{list.materail_name}}{{list.materail_brand}}{{list.status
大灰狼吃小白兔
·
2020-08-01 06:23
小程序
微信小程序 - Vant UI 框架环境搭建(Window)
使用Vant
Weapp
前,请确保你已经学习过微信官方的小程序简易教程和自定义组件介绍。我强烈推荐你打开官方文档,对照着本教程,一起对比搭建坏境。
王佳斌
·
2020-08-01 06:17
+
Wechat
小程序内引入使用vant组件操作
miniprogram选中后右键,选择在终端打开终端执行命令npminit执行该命令后直接全部回车,成功后会在你的小程序端文件目录里生成一个package.json文件下载包和上一步一样,在终端操作npmi@vant/
weapp
-S
会飞的鱼5
·
2020-08-01 06:13
微信小程序
微信小程序开发地址选择模块基于vant-
weapp
组件(地址添加,地址编写,自动获取地址)
需求用户自行填写地址不要问我为什么需要这个模块,问我的话就是因为项目需要我就讲讲为什么领导需要开发这个需求,因为在我们开发的平台上最进做了一个抽奖功能,奖是抽到了,那么问题来了用户又没填写地址该怎么办呢,所以开会的时候就把我这个苦逼的开发叫了过去,XXX我们系统少了地址这个东西你去做吧,微信小程序端添加一个按钮,用户可以自行填写地址进行记录,根据后端配置文件进行显示隐藏(因为这个自行填写地址只是某
陈健平
·
2020-08-01 06:13
微信小程序
6个微信小程序UI组件库
GitHub地址:https://github.com/Tencent/weui-wxssnpm下载:npmiweui-wxssiView
WeApp
iView是TalkingData发布的一款高质量的基于
小曲曲
·
2020-08-01 06:01
iview-
weapp
使用流程
下载https://github.com/TalkingData/iview-
weapp
打开示例#从GitHub下载后,安装依赖npmi将examples目录在微信开发者工具中打开即可使用1、将dist
小曲曲
·
2020-08-01 06:01
小程序使用npm包引入vantUI组件库
1.初始化小程序项目在项目根目录下npminit为了生成package.json2.新建node_modules文件夹3.在项目根目录下npmivant-
weapp
-S--production4.node_modules
weixin_43831302
·
2020-08-01 06:56
小程序
#小程序# mpvue引入vant的注意事项
-安装vant-npminstallvant-
weapp
-S--production-引用-/app.json"usingComponents":{"van-button":"vant-
weapp
/dist
自学IT的攻城狮
·
2020-08-01 06:09
微信小程序自定义标签栏(TabBar) 组件
源码下载:https://github.com/tanggaowei/
weapp
-tabbar自定义标签栏组件的代码在/commpents/tabbar目录下,可以直接复制到其他项目里使用。
_Boboy
·
2020-08-01 06:58
微信小程序
【报错问题】微信开发者工具,引入第三方UI库,提示"module "miniprogram_npm/vant-
weapp
/common/utils" is not defined"等
一、版本说明微信开发者工具:v1.02.1911180"@vant/
weapp
":"^1.0.5"二、【报错问题】2.1、目录`miniprogram`下,打开命令窗口安装Vant
Weapp
(命令:npmi
窩窩頭
·
2020-08-01 05:06
前端
小程序UI库 iView
Weapp
使用手册:https://
weapp
.iviewui.com/docs/guide/start使用插件地址:https://github.com/TalkingData/iview-
weapp
如何使用到
嘿丶单炒饭
·
2020-08-01 05:19
/miniprogram_npm/@vant/
weapp
/button/index“ (using by “pages/inde
这几天写了一个小程序用到了vant
weApp
组件因为不是按需导入导致整个小程序运行起来比较卡顿于是就自作聪明的吧很多不需要用的组件给删了以为可以做到手动按需导入结果就出如下问题了Componentisnotfoundinpath
泥鸽鸽
·
2020-08-01 05:54
小程序
mpvue中怎么使用iview-
weapp
1.去github下载iView
Weapp
的dist文件夹,https://github.com/TalkingData/iview-
weapp
。
南城夏季
·
2020-08-01 05:22
小程序
iview
vue
Vant
Weapp
组件picker选择器初始默认选中
小程序使用vant-picker多列数据级联选择设置初始默认选中通过this.xx修改对应列defaultIndex的不生效,数据改变页面未渲染解决:在onReady()方法中通过selectComponent方法获取picker实例再调用官方文档的setColumnIndex方法注:wepy中获取组件实例写法为this.$wxpage.selectComponent()代码示例:onReady(
腹黑少女
·
2020-08-01 05:40
小程序开发
Mpvue中使用Vant
Weapp
组件库
一、介绍mpvue-vant记录了我们团队开发中在mpvue中使用Vant
Weapp
组件库所踩下的坑,在这里分享给大家,让mpvue开发者可以使用vant组件库进行开发,避免踩不必要的坑。
weixin_34367845
·
2020-08-01 04:50
上一页
12
13
14
15
16
17
18
19
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他