1.购物车算钱wxml<view class="cart-box">
<view class="item" wx:for="{{list}}" wx:key="list">
<icon type="{{item.select}}" size="26" data-index="{{index}}" data-select=
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 progress 进度条组件是一个很常用的基础元件， MinUI 中 progress 组件的效果图如下： 各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信
转载
2024-04-30 21:05:15
189阅读
一、注册首先，在微信公众平台mp.weixin.qq.com上注册一个帐号。小程序开放个人开发者申请注册，个人用户可访问微信公众平台，扫码验证个人身份后即可完成小程序帐号申请并进行代码开发。 这里不写太详细， 注册完了跳转到以下页面，补充信息，然后下载工具安装；可以不用添加开发者，自己就是了； 二、开发入门1.创建一个项目登录成功后，如果是第一次使用该工具会弹出创建项
前言：除了component，微信小程序中还有另一种组件化你的方式template模板，这两者之间的区别是，template主要是展示，方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑，可以看做一个独立的page页面。简单来说，如果只是展示，使用template就足够了，如果涉及到的业务逻辑交互比较多，那就最好使用component组件了。一. template模板:1.
转载
2024-10-12 13:06:28
61阅读
目录?WXSS 模板样式1. 什么是 WXSS2. WXSS 和 CSS 的关系?WXSS 模板样式 - rpx2. rpx 的实现原理3. rpx 与
原创
2022-07-02 21:59:24
169阅读
一、「程序秀」「程序秀」这个小程序非常特别，因为它是一个可以帮助别人开发小程序的小程序。它以「即速应用」这个无需代码一键生成微信小程序的开发工具为基础，为广大开发爱好者提供小程序开发的最新资讯和培训课程，因此短短的时间里迅速在业内普及开来。功能实用性上，它同时满足了两种人群的需求：完全不懂技术的小白和希望提高效率的程序员；从UI设计上，也非常简洁明了，所有类目分配合理，一目了然，可以说一个小程序设
微信团队总喜欢在深夜搞个大惊喜，昨天晚间发布微信小程序开发文档，微信小程序设计指南也一同放出，都说腾讯的产品用户体验很好，我们就和ytkah一起看看这个小程序设计指南吧，参考一下他们的UI、交互、连接等各要素，以下是官方文档基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大
小程序中使用圆形倒计时，效果图：实现思路：1）：使用2个canvas,分别是背景圆环和渐变色圆环；2）：使用setInterval让渐变色圆环逐步绘制；解决方案
1）：结构
一个盒子包裹2个canvas以及文字盒子，使用相对定位作为父级，flex布局，设置居中；
另一个canvas，使用相对定位作为进度条，canvas-id=“canvasProgress”
2）：数据绑定
3）：canvas绘制
先自己绘制了一个丑陋的原型图，然后开始在小程序上绘制页面，然后设计样式，一路过来总结就是哪里不懂查哪里之旅~原型设计和分析原型图效果 为什么要这么设计？正常情况下是设计先出设计图，然后服务器和我们一同讨论接口如何设计，然后根据服务器返回的结果，我们再去界面上显示。但是这里我们使用的是第三方的接口，所以只能他有什么我们显示什么了。服务器接口返回的数据如下如： 分析json结果，我们这里为了简单，也就
小程序框架逻辑层1.小程序APPApp(Object object)注册小程序。接受一个Object参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。onLaunch(Object object)小程序初始化完成时触发，全局只触发一次。** **onShow(Object object)小程
进度条
原创
2023-09-19 11:04:22
98阅读
微信小程序允许对普通元素通过 border-radius的设置来进行圆角的绘制，但有时候在使用 canvas绘图的时候，也需要圆角，例如需要将页面上某块区域导出为图片下载到本地的时候，常用的解决方法就是使用 canvas将这块区域绘制出来，最后导出 canvas即可，但是 canvas没有直接提供圆角的绘制 api，所以需要 曲线救国圆角矩形与一般矩形的区别在于，前者的四个角都是圆弧，所以只需要将
前言最近一段时间都在做小程序。虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。这次是从零开始开发一个小程序，其实除了一些莫名其妙的兼容性问题，大多数坑点都是在微信小程序的各个入口场景处。所以这里整理一下微信小程序的各个入口场景，以及从这些入口场景进入小程序会面临的问题以及解决方案。这里只列出常用的几种场景：[简单场景]启动小程序并进入[简单场景]退出重进（启
转载
2024-06-20 13:17:54
53阅读
点赞
一、Flex(弹性布局) dispaly:flex;(必须) 1.主要容器属性（用于布局） （1）flex-direction：row || row-reverse || column || column-reverse row:容器内的子项目从左到右横着排列 row-reverse:容器内的子项目从右到左横着排列 column:容器内的子项目从上到下纵着排列 column-reverse:容器内
微信小程序：WXSS 样式 一、WXSS 样式 XSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。 1，新增了尺寸单位： 在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS在底层支持新的尺寸单位 rpx
转载
2018-08-28 14:53:00
854阅读
2评论
微信小程序-样式-rpx/* 1 小程序中 不需要主动来引入样式文件 2 需要把页面中的某些元素的单位 由 px 改成 rpx 1 设计稿 7
原创
2022-12-20 17:11:42
207阅读
select框 wxml： <view class="item_nav_set"> <view catchtap='item_nav_set_list_display' data-index='0' class="item_nav_set_list {{item_nav_set_list_light
原创
2021-05-25 15:21:28
858阅读
WXSS（WeiXin Style Sheets）是一套用于小程序的样式语言，用于描述WXML的组件样式，也就是视觉上的效果。 WXSS与Web开发中的CSS类似。为了更适合小程序开发，WXSS对CSS做了一些补充以及修改。 1、尺寸单位 在WXSS中，引入了rpx（responsive pixel ...
转载
2021-10-11 22:36:00
371阅读
2评论
# 微信小程序radios样式科普
在微信小程序中，我们经常会使用到`radios`组件来实现单选功能。`radios`组件是微信小程序提供的一种常用表单组件，用于用户在多个选项中选择一个选项。本文将介绍`radios`组件的样式和使用方法，并提供代码示例。
## 1. `radios`组件基本用法
`radios`组件用于创建一组单选框选项，用户只能选择其中的一个选项。使用`radios`
原创
2023-11-18 14:53:20
468阅读
yles/common.wxss";common.wxssview{ color: aqua; font-size: 100px;}示例...
原创
2022-12-20 17:12:57
409阅读
