微信小程序开发一(常用的标签)

微信公众平台注册账号确定怎么操作去网上找找

网址:微信公众平台 (qq.com)https://mp.weixin.qq.com/icon-default.png?t=N7T8https://mp.weixin.qq.com/

微信开放文档中找到工具栏下载微信开发者工具

网址:微信开发者工具(稳定版 Stable Build)下载地址与更新日志 | 微信开放文档微信开发者平台文档icon-default.png?t=N7T8https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

根据自己的电脑下载版本:

开发者工具上创建项目:

先在本地位置创建一个存放微信小程序开发的路径,不要有中文

例如:我存放的位置在 D:\wexinpro

在该目录下我在创建一个程序小程序的项目名称

微信公众平台登录之后如何查看AppId?

创建完成之后

项目结构:

这些目录和文件的的具体作用可以去微信开放平台上看看

如何创建目录:

       点击app.json文件

     

那个文件在最前面就执行那个目录文件

wxml这个文件就相当于前端的html文件,标签都放在这里

常用的标签:

view、text、buuton、image、swiper等常用标签,当然还有其它不常用的

view标签:块级标签类似前端的div

<view>view标签</view>

text标签:行内标签,文本标签,测试了一下内部无法存放view标签

<text>text标签</text>

 button 按钮标签:

       属性:

           type属性:修改按钮类型,primary、warn、default

           size属性:设置按钮的大小,有 mini

           plain 镂空效果,无背景色,有边框

<button type="primary">primary</button  >
<button type="warn">warn</button>
<button type="default">默认效果</button>
<button size="mini">mini</button>
<button plain="">plain</button>

image 图片标签:

      

mode属性:

         aspectFit保持纵横比

         aspectFill(填充,等比例放大)

         widthFix(宽不变,高度自适应)

         heightFix(高不变,宽度自适应)

<image mode="widthFix" src="../../images/10.png"></image>
<image mode="aspectFit" src="../../images/11.png"></image>

这个images目录如何创建?

无法使用粘贴复制:

如何处理:

     第一种:使用拖拉的方式将图片放入其中

     第二种:找到找到本地下这个文件夹,将图片粘贴复制

swiper 轮播效果标签搭配swiper-item标签使用:

      

swiper属性:

        indicator-dots:是否显示显示指示点,默认为false,显示为true

        indicator-color:指示点的颜色,只能设置成黑色和白色,默认为黑色black,白色white

        indicator-active-color:当前选中的指示点的颜色,任意设置颜色  

        autoplay:轮播是否自动切换,默认值为false不切换,true为切换

        circular:是否采取衔接滑动,默认为false不衔接滑动,true为衔接滑动

        interval:自动切换时间间隔,默认为5000毫秒

<swiper indicator-dots="true" indicator-color="white" autoplay="true"indicator-active-color="pink" circular="true" interval="1000"> <swiper-item><image src="../../images/11.png"></image></swiper-item><swiper-item><image src="../../images/12.png"></image></swiper-item><swiper-item><image src="../../images/10.png"></image></swiper-item>
</swiper>

 

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

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

相关文章

vue3 文件分片上传

base 64 分片上传文件 <template><div><input type"file" change"onFileSelected" /><button v-if"file && !isUploading" click"startUpload">开始上传</button><button v-if"isUplo…

Go 之获取变量类型

Python 可以通过 type 快速获取变量类型。Ruby 也可以通过 class 方法快速获取变量类型。 lists [1, 2, 3, 4, 5] print(type(lists)) # <class list>lists [1, 2, 3, 4, 5] puts lists.class # Array 那么 Go 有哪些获取变量类型的方法呢&#xff1f; fmt.Printf(&…

JavaWeb开发02-MYSQL-DDL-DML-DQL-多表设计-多表查询-事务-索引

一、MySQL概述 通过SQL语句可以操作数据库 关系型数据库&#xff1a; 只要是关系型数据库就可以用SQL语句这一统一标准进行操作数据库 1.MYSQL数据模型 客户端通过SQL语句交给了数据库管理系统DBMS&#xff0c;进行相应操作&#xff0c;创建一个一个数据库&#xff0c;体现为一…

如何理解信创产品?成为信创产品?

信创产品是指运用信息技术手段创造的产品&#xff0c;它是数据安全、网络安全的基础&#xff0c;也是新基建的重要组成部分。信创产品包括了IT基础设施如CPU芯片、服务器、存储、交换机、路由器、各种云和相关服务内容&#xff1b;基础软件如数据库、操作系统、中间件&#xff…

JRT在线初始化完善

之前实现的在线初始化留了个尾巴&#xff0c;那就是环境下载页构造zip包的时候没修改JRTBrowser的连接串地址为当前网站&#xff0c;这样就要求网站部署好之后给用户下载之前有人要把服务器的浏览器地址配置好。这样就增加一个运维工作&#xff0c;如果忘了或者不知道的人就会导…

利用H.264码流传输摄像头地理位置信息

目录 1. 引言2. NALU格式介绍3. SEI格式介绍4. 举例5. 推广1. 引言 摄像头的应用范围越来越广泛,从安防监控到视频会议,它们在我们的日常生活中起着关键作用。除了视频图像本身,摄像头还可以提供其他有用的信息,例如摄像头的地理位置。本文将讨论如何利用H.264码流传输摄像…

if __name__ == ‘__main__‘ 是个什么鬼?

有句话经典的概括了这段代码的意义&#xff1a; “Make a script both importable and executable” 意思就是说让你写的脚本模块既可以导入到别的模块中用&#xff0c;另外该模块自己也可执行。 咋一看&#xff0c;其实我也不理解到底是个什么球意思&#xff0c;这里我们写两个…

nuxt3使用记录四:加载静态资源时路径的写法研究

在上一篇记录了NUXT进行SSG构建时&#xff0c;不仅会构建纯静态的html文件&#xff0c;也会构建一堆js文件。而如果网页中有加载静态资源&#xff0c;如图片&#xff0c;这时就需要注意了&#xff0c;不能简单的使用官网说的<img src"~/assets/img/nuxt.png" alt&…

2024年华中杯数学建模C题思路与论文助攻

C 题 基于光纤传感器的平面曲线重建算法建模 光纤传感技术是伴随着光纤及光通信技术发展起来的一种新型传感器术。它是以光波为传感信号、光纤为传输载体来感知外界环境中的信号&#xff0c;其 基本原理是当外界环境参数发生变化时&#xff0c;会引起光纤传感器中光波参量&am…

Linux进阶---常见符号及其含义、常见报错

一、常见符号及其含义&#xff08;重要&#xff09; 二、 常见报错 • 找不到文件、文件不存在&#xff1a;No such file or directory • 没有权限 &#xff1a;Permission denied • 命令不存在 &#xff1a;command not found 1.找不到文件、文件不存在&#xff1a;No s…

logstash迁移es自建数据到pass服务

1 安装 下载对应版本的tar文件 https://www.elastic.co/cn/downloads/past-releases#logstash解压 tar -zvxf logstash-6.8.23-linux-x86_64.tar.gz 2 配置 修改Logstash的堆内存使用vi config/jvm.options&#xff0c;修改Logstash配置文件config/jvm.options&#xff0c;增…

AI智能电销机器人是什么?能给我们带来哪些便利?

科技的飞速发展&#xff0c;让很多“懒人”的幻想变成了现实&#xff0c;越来越多的人工智能产品被发明出来甚至完全替代日常生活中的工作。比如在电销行业&#xff0c;很多企业选择AI智能电销机器人进行外呼。那么你了解多少AI智能电销机器人呢&#xff1f;和小编kelaile520一…

声明v.s.定义

参考&#xff1a;http://t.csdnimg.cn/1xnzA 变量的定义&#xff1a;用于为变量分配存储空间&#xff0c;还可以为变量指定初始值&#xff0c;在程序中&#xff0c;变量有且仅有一个定义。变量的声明&#xff1a;用于向程序表明变量的类型和名字。在程序中&#xff0c;变量可以…

React参数传递问题

问题描述 <div className"reply-list">{/* 评论项 */}{list.map((item) > {console.log("map 里面的item", item);return <CommentItem item{item} />; // 调用组件并传递参数item})}</div> // 在组件中使用形参 function CommentI…

SAP SD学习笔记06 - 受注的据否,受注的理由,简易变更(一括处理)

上文讲了一括处理和Block&#xff08;冻结&#xff09;处理。 SAP SD学习笔记05 - SD中的一括处理&#xff08;集中处理&#xff09;&#xff0c;出荷和请求的冻结&#xff08;替代实现承认功能&#xff09;-CSDN博客 本章继续讲SAP的流程中一些常用的操作。 1&#xff0c;受注…

Flume 入门教程

内容目录 Flume 简介 架构和基本概念 多种架构模式 Flume 安装部署 Flume 简介 Flume 是一个分布式、可靠且高可用的数据收集、聚合和传输系统&#xff0c;主要用于高效地处理大规模日志数据。设计之初&#xff0c;它主要服务于日志管理领域&#xff0c;但其灵活性和可扩展…

Docker中Kafka容器创建/更新Topic支持多分区

前提 自行通过docker部署好kafka&#xff0c;并启动相关容器。 假设Topic为http_capture。 #docker-kafka kafka_dir/opt/docker/kafka/build sudo rm -rf ${kafka_dir}/* cat > ${kafka_dir}/docker-compose.yml <<EOF version: "3.3" services:zookeepe…

语言的未来:深度学习在自然语言处理中的革命

语言的未来&#xff1a;深度学习在自然语言处理中的革命 1 引言 自古以来&#xff0c;语言就是人类表达思想、传递信息、进行社会互动的基石。语言的复杂性既体现在其变化多端的语义、句法和语用层面&#xff0c;同时也反映在人类如何理解和产生自然语言的深奥之中。在这一节中…

009、Python+fastapi,第一个后台管理项目走向第9步:ubutun 20.04下安装vscode+git环境配置

一、说明 git是一定要配置的&#xff0c;由于是白嫖的无影云电脑&#xff0c;东西得保存在网上&#xff0c;就继续白嫖gitee吧&#xff0c;显然国内github是不太合适的了 二、安装git 直接安装sudo apt install -y git git --version git version 2.25.1 三、配置git 在git上…

OSPF星型拓扑和MGRE全连改

一&#xff0c;拓扑 二&#xff0c;要求 1&#xff0c;R6为ISP只能配置IP地址&#xff0c;R1-R5的环回为私有网段 2&#xff0c;R1/4/5为全连的MGRE结构&#xff0c;R1/2/3为星型的拓扑结构&#xff0c; 3&#xff0c;R1为中心站点所有私有网段可以互相通讯&#xff0c;私有网段…