微信小程序Demo组件大全（对话框、指示器、五星评分，画廊，影院座位……

最新推荐文章于 2024-06-18 14:13:27 发布
最新推荐文章于 2024-06-18 14:13:27 发布
阅读量1w 收藏 23
点赞数 7
分类专栏： 微信小程序，小程序组件 文章标签： 微信小程序
微信小程序 - 自定义组件预览
用微信web开发者工具打开src目录（请注意，是src目录，不是整个项目）
使用
  • 组件的wxml结构请看src/components/下的组件
  • 样式文件可直接引用src/components/wux.wxss
Components


项目地址及下载
最新代码地址：https://github.com/skyvow/wux（有任何意见或建议都欢迎提 issue）
文件下载：  wux-master.zip (936.13 KB, 下载次数: 269) 

极乐叔
关注
  • 7
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示
sxs161028的博客
07-22 4013
一、前言 项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次，是基于微信小程序开发而提炼出一个简单方便使用的方法，网页开发中同样可用。这次使用的还是字体，主要是字体这个比较通用，颜色，大小都可以自己定义。当然了，来的最快的其实是用图片代替。 二、微信小程序中评分功能实现 1.css文件中引入字体文件。也可以点此下载字体 @font-face { font-family: 'FontAwesome'; src: url('https://netdna.boots
微信小程序评分组件
03-29
multiple-rate-wxapp 微信小程序评分组件 wxapp multiple rate component (此图片来源于网络，如有侵权，请联系删除! ) 下载 git clone https://github.com/simsir-lin/multiple-rate-wxapp.git 预览 打开微信web开发者工具，'本地小程序项目 - 添加项目'，项目目录选择为 multiple-rate-wxapp 的目录就可以了，添加项目后就可以进行组件源码的查看和预览demo了。使用 将 multiple-rate-wxapp 目录下的components文件夹下的multiple-r
微信小程序封装全局加载动画loading
最新发布
qq_44749901的博客
06-18 656
封装全局加载动画的核心思路就是在每个页面加载数据时弹出加载动画，在数据加载完成后关闭动画。由于需要在所有页面中使用，我们需要将加载动画封装成一个全局组件，供所有页面调用。确保调用 selectComponent 的时机是在组件渲染完成之后，可以在 onReady 或 onLoad 生命周期方法中使用。在components新建Loading组件，用来展示动画，并在组件中实现开启和结束动画的方法。注意：在onLaunch调用无效。比如：index.html。
微信小程序开发实现星星评分组件
baorant24的博客
06-20 1107
本文介绍了微信小程序实现打星评分的一种方案
微信小程序-星星评分组件（支持半星/自定义尺寸）
SCY164759920的博客
08-24 2195
微信小程序星星评分组件，支持自定义星星大小，支持半星评分。
微信小程序自定义组件：对话框、指示器、五星评分...
huningjun的专栏
01-09 2529
https://github.com/skyvow/wux 用微信web开发者工具打开dist目录（请注意，是dist目录，不是整个项目） 使用 组件的wxml结构请看dist/components/下的组件样式文件可直接引用dist/components/wux.wxss 插件及文档 ActionSheet - 上拉菜单Backdrop - 背景幕Barcode
微信小程序评分组件素材，满星、半星
05-18
微信小程序评分组件素材，满星、半星
微信小程序demo组件：canvas股票分时图(源代码+截图)
06-19
微信小程序demo组件：canvas股票分时图(源代码+截图)微信小程序demo组件：canvas股票分时图(源代码+截图)微信小程序demo组件：canvas股票分时图(源代码+截图)微信小程序demo组件：canvas股票分时图(源代码+截图)微信...
wux - 微信小程序自定义组件（对话框、指示器、五星评分.....wux-master.zip
09-25
`wux` 是一个开源的微信小程序自定义组件库，它提供了丰富的组件，如对话框、指示器、五星评分等，帮助开发者快速构建用户界面。`wux-master.zip` 文件包含了整个 `wux` 库的源代码，方便开发者下载和使用。 在微信...
微信小程序使用modal组件弹出对话框功能示例
08-28
微信小程序使用modal组件弹出对话框功能示例 微信小程序使用modal组件弹出对话框功能是微信小程序开发中的一项重要功能。通过使用modal组件，可以弹出对话框，提示用户信息、确认操作、警示信息等。以下是微信小...
微信小程序弹窗组件wxapp对话框组件
01-27
打开，'本地小程序项目 - 添加项目'，项目目录选择为 miniprogram_dev 目录 使用 安装 npm install --save wechat-miniprogram-dialog 每次引入或更新需先执行开发者工具的 npm 构建， 在你的页面json中添加 { ...
微信小程序最全dome
01-23
微信小程序最全dome
微信小程序实现漂亮的弹窗效果
01-03
最近项目里需要实现一个带着logo的美美哒弹窗，可是翻遍小程序的文档也只能见到wx.showModal这个丑丑的东西…… 场面一度十分尴尬 可是得做啊，要不然产品大姐又要暴走了…… 好吧，来研究一下模态对话框的性质自己DIY吧~ 实现思路 模态对话框之所以被叫做“模态”，就是因为在它弹出的时候，用户如果不关闭这个对话框，是无法对其他窗口进行操作的。 那么这样一来，我们的思路就很明确了： 1. 构建一个蒙层（mask），使得背景变暗，并且阻止用户对对话框外界面的这里写代码片点击事件； 2. 构建一个对话框，在需要时弹出即可（弹出同时触发蒙层）。 示例代码 .wxml： <view
微信小程序实现【点击 滑动 评分 评星（5星）】功能
coldriversnow的专栏
11-23 731
【代码】微信小程序实现【点击 滑动 评分 评星（5星）】功能。
微信小程序原生开发功能合集九：评分组件的封装
Java、前端、小程序学习笔记、问题汇总、项目实例分享，有需要请联系。
03-27 484
本章实现小程序评分组件的封装，实现手动评分及评分展示功能。
【微信小程序】实现星级打分
qq_25285531的博客
11-07 475
小程序组件之星级评分。
微信小程序球形评分（进度）组件
qq_49266680的博客
01-05 394
微信小程序球形（水波纹）评分（进度）组件
微信小程序星星评分组件
可口可乐哟的博客
07-20 1877
最近接了一个评分的功能,大概是这样的 点击星星进行评分,类似淘宝的星星评分 自己琢磨写了一个组件,记录一下,如果有优化的后期再优化 先新建一个score组件文件夹 2.score.wxml <view class="stars-box"> <block wx:for="{{list}}" wx:key="index"> <image src="{{item}}" class="star" data-index="{{index}}" wx:for-index
小程序 评分组件
yeshen.org
01-11 2712
发现小程序的文档很全，自定义组件也挺简单的 （PS：一直觉得小程序的框架和VUE的框架很像） 分享一个评分组件，效果大概是这样的： js Component({ options: { multipleSlots: false }, data: { mark: 0, range:[1,2,3,4,5] }, properties: {

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值