weui-编程知识

weui

news/2025/1/15 13:04:23/文章来源:https://www.cnblogs.com/clark1990/p/18519136

2. 执行 `npm init` 创建`package.json` (不想一个一个配置也可以执行`npm init -y`)

3. npm安装WeUi，执行`cnpm install --save weui-miniprogram`

4. 然后点击工具选择构建npm

在这里插入图片描述

5. 然后会提示完成构建，目录会多了一个文件夹，这个文件夹放的就是我们要用的组件和css样式

在这里插入图片描述

6. 使用

在全局css文件app.wxss导入WeUI的样式，这样全部page可以用到了

@import ‘/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss’;

在这里插入图片描述

使用组件了，我用index来示范，在index.json写入组件名和路径，（注意路径不可以多些一个空格，末尾也不可以多写一个逗号，会报错）

“mp-checkbox”: “…/…/miniprogram_npm/weui-miniprogram/checkbox/checkbox”

在这里插入图片描述

checkbox就是我用来演示的单选框组件，要用其他组件的话打开miniprogram_npm文件夹下的weui-miniprogram文件夹，然后里边就是官方已有的组件，要用改一下名字和地址名就ojbk了。

在这里插入图片描述

然后在index.wxml中使用组件

效果：

结束！！！

方法二：下载导入方式

1.下载weui

进入GitHub https://github.com/weui/weui-wxss/进入如下页面，点击红色框选下载程序代码

解压后进入文件夹，图示路径下的weui.wxss就是我们所需要的weui库

2.引入weui

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/824906.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

怎么使用Git在本地删除文件

当你在开发过程中使用Git作为版本控制工具时，可能会遇到需要删除文件的情况。以下步骤将指导你：1. 使用命令行界面；2. 使用git rm命令删除文件；3. 提交更改；4. 删除没有追踪的文件；5. 小心处理.gitignore文件。在删除文件之前，务必确定已保存了任何需要的更改，并了解…

Savior | 11月模拟赛订

没有密码。A B C D11.1 * * * *

Java 异常分类

总结自：《Java 核心技术第 10 版》下图是 Java 异常层次结构图：所有的异常都是由 Throwable 继承而来（注意 Throwable 是类而不是接口），Error 和 Exception 是 Throwable 的直接子类。 Error 类用于描述 Java 运行时系统的内部错误和资源耗尽错误（比如 OOM）。应用程序不…

HarmonyOS：应用隐私保护

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤博客园地址：为敢技术（https://www.cnblogs.com/strengthen/ ）➤GitHub地址：https://github.com/strengthen➤原文地址：https://www.cnblogs.com/strengthen/p/18517809➤如果链接不是为敢技术的博客园…

20222319 2024-2025-1 《网络与系统攻防技术》实验三实验报告

1.实验内容 1.1 实验目的 (1)正确使用msf编码器，veil-evasion，自己利用shellcode编程等免杀工具或技巧正确使用msf编码器，使用msfvenom生成如jar之类的其他文件 veil，加壳工具使用C + shellcode编程 (2)通过组合应用各种技术实现恶意代码免杀如果成功实现了免杀的，简单…

[ACTF2020 新生赛]Include

链接：https://buuoj.cn/challenges#[ACTF2020 新生赛]Include 打开环境后如下，只有一个 "tips" 的超链接。访问 tips，留意传入了 "file" 参数。接下来，可以尝试下路径穿越：?file=flag.php../../../../../etc/passwd。可以看到，存在路径穿越漏洞，但…

Java面试题中高级进阶（JVM篇Java内存）

本来想着给自己放松一下，刷刷博客，突然被几道面试题难倒！说说Java内存结构？说说对象分配规则？描述一下JVM加载class文件的原理机制？似乎有点模糊了，那就大概看一下面试题吧。好记性不如烂键盘前言本来想着给自己放松一下，刷刷博客，突然被几道面试题难倒！说说Java内存…

20222409 2024-2025-1 《网络与系统攻防技术》实验三实验报告

1.实验内容 1.1 本周学习内容 1.1.1 后门工具使用 * Netcat: 用于端口探测、局域网通信、文件传输，以及正向和反向连接的测试。 * Meterpreter: 作为Metasploit框架中的载荷模块，常用于溢出攻击成功后的控制会话，提供持久化的控制通道。 * Veil-Evasion: Linux平台上的免杀工…

VMwareWorkstation pro 17安装Win11（亲测好用）

1、安装包我用夸克网盘分享了「Win11_23H2_China_GGK_Chinese_Simplified_x64v2.iso」，点击链接即可保存。打开「夸克APP」：链接：https://pan.quark.cn/s/817ccfc90f29 提取码：pPn1 2、安装教程(基于WMware workstation pro 17) 1) 打开WMware Workstation，点击创…

论文速读记录 - 202410

秋意浓，看几篇论文解解乏吧~坚持看论文不容易啊，十月也是多事之秋。看的论文有点少，也有点散，还是要专注一些具体的方向，梳理脉络，整理方案，才是看论文找解决方案的正确思路。以后的每篇论文解读的后面，会附带一点个人看法/评论，如有冒犯还请见谅。目录：LATE CHUNK…

现场可编程逻辑门阵列(FPGA)可应用的领域有哪些

现场可编程逻辑门阵列（FPGA）是一种能够根据需求现场编程的集成电路，能提供灵活的硬件解决方案。FPGA可应用的领域有信号处理、通信系统、工业自动化、医疗设备、军事与航空、金融计算、图像处理和视频分析等。其中，在信号处理方面，FPGA可以执行复杂的并行计算，用于滤波和…

NOIP2023 做题笔记

NOIP将近，由于我实力太菜，所以只能写写真题提升自己了。 P9868 [NOIP2023] 词典简单字符串题，注意到可以换无限次，所以直接处理出每个字符串中最小的字符数和最大字符数就行了。#include<bits/stdc++.h> #define mxn 3010 using namespace std; char s[mxn][mxn]; i…

weui

2. 执行 npm init 创建package.json (不想一个一个配置也可以执行npm init -y)

3. npm安装WeUi，执行cnpm install --save weui-miniprogram

4. 然后点击工具选择构建npm

5. 然后会提示完成构建，目录会多了一个文件夹，这个文件夹放的就是我们要用的组件和css样式

6. 使用

相关文章

2. 执行 `npm init` 创建`package.json` (不想一个一个配置也可以执行`npm init -y`)

3. npm安装WeUi，执行`cnpm install --save weui-miniprogram`