小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
效果图一、开发前资料准备：1.1 登录微信小程序后台：微信小程序
使用自己微信号登录即可1.2 寻找Appid和AppSecret配置：1.3选择合适的模板消息进行推送选择自己需要的模板，没有的话到最后一页去自己申请（看下下张图的自己申请即可）1.4找到模板id：1.5下载官方微信开发工具
选择自己电脑匹配的版本下载二、小程序订阅消息代码开发：2.1创建官方小程序DEMO2.2获取code如下图点
转载
2023-11-16 14:34:06
157阅读
文章目录前言1、准备工作2、微信开发者工具 > 初始化工作3、新建页面工作4、编写页面介绍5、app.json6、普通开发与云开发 2、微信开发者工具 > 初始化工作3、新建页面工作1、 新建小程序以后，官方会给你创好一个框架，不要乱删除页面，不然会出现报错2、每个页面的语法 > 必须 > 符合该页面的语法3、wxml页面写微信官方的html代码4、wxss页面写css
转载
2023-10-23 21:37:37
385阅读
<loading hidden="{{loadingHide}}">
{{loadingText}}
</loading>
<!--pages/home/home.wxml-->
<view class="IndexHome">
<image src="../../image/logo1.png" mode="widthFix" cla
转载
2024-01-20 22:13:17
31阅读
# 微信小程序JavaScript模板的使用与发展
微信小程序是腾讯公司推出的一种全新应用形态，为用户提供了更便捷的服务体验。微信小程序开发使用 JavaScript 作为主要编程语言，对开发人员的要求相对较高，因此了解其基本结构至关重要。本文将介绍微信小程序的基本模板、代码示例，并提供甘特图以帮助理解。
## 微信小程序的基本结构
一个标准的微信小程序通常由以下几个部分组成：
1. **
微信小程序：WXML 模板 一、WXML 模板 网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。 同样道理，在小程序中也有同样的角色，其中 WXML 充当的就是类似 HT
转载
2018-08-28 14:41:00
288阅读
2评论
[外链图片转存失败(img-STw401rR...
转载
2019-08-06 22:25:00
228阅读
2评论
[外链图片转存失败(img-STw401rR-1565101469846)(https://upload-images.jianshu.io/upload_images/11158618-52efd0adc4d95b06.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-u4QekWfY-1565101469
原创
2021-07-19 11:40:54
409阅读
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解CSS样式的属性，所以，今天这篇文章，给大家普及一下相关的知识。说起CSS布局，首先要讲解的就是FLex布局，这个可以说是一个万能钥匙，遇到什么复杂的布局，都可以通过Flex布局搞定，为了方便大家理解Flex属性，我将会一步步解析FLex的属性，并附上效果图。1、基本概念采用 Flex 布局的元素，
转载
2024-04-16 21:22:00
141阅读
# 如何在微信小程序中导入 Axios
欢迎来到开发者的世界！今天，我们将一起学习如何在微信小程序中导入和使用 Axios，这是一个非常流行的 HTTP 请求库。接下来，我们将详细介绍整个流程，并提供示例代码和注释，帮助你完全理解这一过程。
## 整体流程
我们将整个导入流程分为以下几个步骤，具体内容见下表：
| 步骤 | 描述 |
|--
原创
2024-09-29 05:30:42
157阅读
首先祝福大家元旦快乐，我的“短信定时提醒”小程序上线非常成功，很多朋友使用该功能后，都觉得很棒，都已经注册为会员了。呵呵，谢谢大家的支持！你们的支持就是我不断改进的动力。下一步就是让用户使用的更方便了。怎么使用的更方便，当然是在手机端各种便捷化的操作，今天这个讲解课程就把其中最重要的Javascript字符操作函数拿出来与大家分享，至于后面如何使用，产生了怎样的效果，待我后期上传了代码后再揭晓。1
转载
2024-08-22 13:04:37
46阅读
微信小程序如何导入文件的一种方法,前三条才是有用的信息1 环境2 当你看到好的demo想在自己的小程序试试的时候3 解决方式,进入本地文件夹直接复制新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公
本篇主要介绍其中几个实用的配置：1. 配置应用级别样式、tabBar样式2. 配置前端页面路由、分包路由3. 配置easycom全局组件（组件无需import引入直接使用）一. 配置应用级别样式、tabBar样式创建一个包含首页、我的两个tabBar模块的应用布局，配置参数如下："globalStyle": {
"navigationBarTextStyle": "
转载
2024-05-15 07:01:28
740阅读
在移动应用中，APP经常通过推送的方式将一些消息发送到用户的手机上。小程序基于微信内，为我们提供了一整套的模板消息，使微信和小程序这个体系达到服务闭环的效果。
一、消息模板在微信中显示 1.服务通知:微信内消息模板推送的位置。2.服务通知进入显示3.进入小程序查看可以跳转到小程序中指定的页面，这里需要在消息模板的参数中做配置，后面会说到。 二、消息模板接入步骤这里不多啰嗦，直接按图操作，搜索到
转载
2024-01-13 21:08:42
176阅读
最近在用sanic框架写微信小程序，其中写了一个微信消息推送，还挺有意思的，写了个小demo具体见官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/template-message/sendTemplateMessage.html文档其实写的很详细清除了，包括返回数据的类型，报错信息大致流程就是：调用微信小程序的接
转载
2024-02-02 11:21:55
207阅读
cn.hutoolhutool-all4.5.13org.projectlomboklombok1.18.8com.alibabafastjson1.2.59官方文档必须看一下哈步骤一：获取模板 ID在微信公众平台手动配置获取模板 ID：登录https://mp.weixin.qq.com获取模板，如果没有合适的模板，可以申请添加新模板，审核通过后可使用。这里就按官网要求来即可步骤二：获取下发权限
转载
2024-03-14 12:00:11
42阅读
# 实现微信小程序模板消息的java实现
## 一、流程
### 步骤表格
```mermaid
gantt
title 微信小程序模板消息流程
section 准备工作
获取access_token: 2021-10-18, 1d
创建模板消息: 2021-10-19, 1d
发送模板消息: 2021-10-20, 1d
```
## 二、具体步骤
原创
2024-03-24 04:41:47
71阅读
申请注册账号第一步：首先你需要在微信公众平台 (qq.com)注册一个小程序个人测试账号，然后在首页发布一个小程序成功后如图：然后就会产生一个小程序的appId和密钥，这两个东西是产生AccessToken和openId的关键点击开发中的开发管理，然后如图查看自己小程序的appId和密钥，密钥的话重置一下就看到了: 第二步：点击你的订阅消息然后里面有添加模板然然后根据自己的业务需求添加模
转载
2023-10-27 05:08:54
163阅读
当您的项目需要多次使用同一个布局和样式的时候，您就可以考虑使用template（模板）来减少冗余代码。 使用方式： 1.新建一个template文件夹来存放您的通用模板； 2.在文件夹里面新建一个wxml，wxss,进行模板和样式的定义； 3.设置模板的name，以及里面您需要定义的wxml内容；
转载
2019-07-02 15:26:00
223阅读
2评论
