weui

首页 > TAG信息列表 > weui

微信小程序：WeUI组件库的使用

WeUI组件库，基于样式库weui-wxss (opens new window)开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。传送门：WeUI组件库 app.json "useExtendedLib": { "weui": true }, in

微信小程序框架weui的基础使用

WeUI 你在使用小程序从零开始开发的时候，一定会想小程序有没有一个UI库，类似于前端中的Bootstrap，MD，Semantic UI这样的框架UI库，如果有的话，一定是一个完美的事情。上帝总是宠着我们，这样的好事情真的有，我的答案是weui.wxss。 WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官

微信小程序实现搜索框功能

参考链接：（1）小程序—搜索框实现 https://blog.csdn.net/Ariel_201311/article/details/81295862 效果图 wxml文件  <view class="weui-search-bar"> <view class="weui-search-bar__form">  <v

SSDCRM基于H5版移动端，6月中旬正式推出！！！

考虑到跨平台维护的便利性，结合微信公众号官方前端框架weui开发的CRM配套移动端在年初进入开发日程表。经过一段时间的辛苦工作，将在近期完工发布第一个版本。后续会逐步增加应用扩展。先上两张截图SSD技术组可以根据客户的业务需求进行行业个性化定制，欢迎有需求的亲与我们取得联系(Q

微信小程序weui uploader的使用

js uplaodFile(files) { // 文件上传的函数，返回一个promise return new Promise((resolve, reject) => { let that = this var urls = [] console.log('upload files', files) wx.uploadFile({ filePath: files.tempFilePaths[0],

### 微信公众号生产环境运营的项目[培训机构的服务号项目]

这个项目是博主现实中给一个小公司做的，他们的需求比较简单，博主想利用这个项目给大家先展示一个简单的微信公众号入门生产项目吧，后续会一步一步的给大家讲解一些更复杂的项目。在分享项目之前，博主还是要再简单的讲讲微信这平台能利用来做互联网流量宣传入口的几个点，一个是公

微信小程序Slideview和cell的用法和使用

微信小程序Slideview和cell的用法和使用：提示：左滑删除组件，基础库 2.4.4 开始支持：使用方法：微信UI扩展组件库基于小程序自定义组件构建，在使用扩展组件库之前要在全局json中引入扩展库. （1）这里我们通过 useExtendedLib 扩展库的方式引入，这种方式引入的组件将不会计入代码包

微信小程序图片上传

通过微信小程序实现文件上传效果通过weui布局快速页面，将weui.wxss引入小程序，然后在app.wxss全局引入@import 'style/weui/weui.wxss';文件上传会用到uploader,gallery以及输入输入框和按钮。设计一个简单的页面 <form bindsubmit='doUpload'>

基于weui的城市选择器（city-picker）

基于weui的城市选择器（city-picker）前言最近在用weui做一个移动端的项目，有个城市选择器的需求，但是weui原生并不支持，需要自定义实现，查了一些资料，需求完美实现，下面分享下实现过程。效果先看下最终的效果：代码 html 话不多说，先放html页面： <div class="weui-form">

Django+小程序实现图片上传功能

一、先完成Django部分　　1、先定一个类来完成图片功能，简单来说：在浏览器上只给图片名，直接返回图片（这里的类我取名为“ImageView”，注：这个ImageView类所在的路径是resources文件中的images文件）,具体操作如下：　　（1）先在settings中配置图片路径，配置如下： #配置图片路径 RESOURCES_DIR

WEUI Select 组件增加搜索栏

转载于：JQuery WEUI Select 组件增加搜索栏 1.最近在做移动端的时候用了WEUI，然后在做下拉框的时候需要增加一个模糊搜索功能，效果图如下：现场执法人员对现场违规事项进行登记界面选择人员操作界面 2.选择人员考虑到用户数比较大，所以增加模糊检索功能。 3.具体实现方法

小程序weui官网：https://developers.weixin.qq.com/miniprogram/dev/extended/weui/ 小程序使用weui 库

1.下载weui 　进入GitHub https://github.com/weui/weui-wxss/ 进入如下页面，点击红色框选下载程序代码　　解压后进入文件夹，图示路径下的weui.wxss就是我们所需要的weui库 2.引入weui 　　打开微信开发者工具创建项目（这个就不在介绍了），目录如下

移动Web UI库（H5框架）

1、Framework7 正版官网：https://framework7.io/ （英文）对应国内：http://www.framework7.cn/ （中文） Framework7-是一个免费的开放源代码移动HTML框架，用于开发具有iOS和Android原生外观的混合移动应用程序或Web应用程序。它也是必不可少的原型应用程序工具，可在需要时尽快显示可用

WeUI——按钮button

前端：文章来源：https://weui.io/#button CSS、JS下载地址：　　weui.css：https://blog-static.cnblogs.com/files/ZM191018/weui.css 　　weui.min.js：https://blog-static.cnblogs.com/files/ZM191018/weui.min.js 　　weui.min.js：https://blog-static.cnblogs.com/files/ZM191018/we

WeUI——CheckBox表单复选框

前端：文章来源：https://weui.io/#form_checkbox CSS、JS下载地址：　　weui.css：https://blog-static.cnblogs.com/files/ZM191018/weui.css 　　weui.min.js：https://blog-static.cnblogs.com/files/ZM191018/weui.min.js 　　weui.min.js：https://blog-static.cnblogs.com/files/ZM19

小程序开发-WeUI组件库使用

WeUI组件库简介这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。 1. 引入组件推荐方式1，可以省略后面import方式方法1：可以在app.json中通过引入扩展库的方

3个微信小程序UI组件库

1.有赞：https://youzan.github.io/vant-weapp/#/intro 2. iView Weapp:http://inmap.talkingdata.com/wx/index_prod.html#/docs/guide/start 3.WeUI:https://github.com/Tencent/weui-wxss

WeUI数据加载图标在Ajax请求完才显示

1.问题：点击提交按钮，数据加载图标在整个请求结束才出现 2.代码如下：  <div id="loadingToast" style="display:none"> <div class="weui-mask_transparent"></div> <div class="weui-toast">

Vue switch开关组件

新建一个Switch组件 1 <template> 2 <div> 3 <span class="weui-switch" :class="{'weui-switch-on' : isChecked}" :value="value" @click="toggle" style="position:relative">

Vue项目中更改Vux组件中的样式

Vue项目中更改Vux组件中的样式因为某些样式不符合自己要求，需要更改Vux组件内部样式. 初次尝试在单文件vue中定位到组件找到需要修改的类名，然后在单文件中直接覆盖 <style lang="less" scoped> .popup-picker-no-line .weui-cells:before { border-top: none; } .p

[小程序]-使用Weui-wxss进行图片上传

小程序版weui下载地址：https://github.com/Tencent/weui-wxss 由于在蔷内，从https://gitee.com/ekber/weui-wxss/repository/archive/master.zip下载的１、将解压出的weui-wxss\dist\style下面的weui.wxss复制到小程序项目根目录下（云开发项目是复制到miniprogram下面）。２、到此引入步

基于weui上传组件的二次封装

　　千万级用户应用微商相册继续上新功能了，这次新功能主要迭代是小程序，让小程序支持发布商品功能，这是封装weui上传组件的原因，又是因为工作才去做的事情，我真是个不主动学习的人，先自责一下；这次记录主要是考虑到其中的实现有很多小程序开发的细节，实现方案比较low，但是还是记一下记一下

微信小程序中通过npm引用第三方插件

本文包含的内容：安装npm环境以weui的搜索插件为例，如何在小程序中使用第三方插件首先附上几个比较有用的链接：小程序扩展组件使用文档：https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/ weui的 npm的地址：https://www.npmjs.com/package/weui-mini

weui 的tabbar如何固定在底部

<!DOCTYPE html> <html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" style="height:100%;"> <body style="height:100%;"> <div class="page" style="height:100%;"> &l

weui中的picker使用js进行动态绑定数据

解决方案;　picker和Select组件是通过input标签绑定，可以先通过input的父级元素移除input标签，重新插入input标签，最后重新初始化picker或Select组件。 <div class="weui-cell"> <div class="weui-cell__hd"><label for="time-format" class="weui-label">