01==》微信开发工具的下载 安装 微信小程序的工具是 下载稳定版本的 安装的时候 直接下一步就可以了 02==》项目名陈随便输入 目录 AppID 如果你没有直接使用测试号 在左侧的开发右侧的开发设置中可以找到 你自己的appid 有就直接赋值注册的 他们之间的区别是 测试号是不能够发布到服务器上的
05-小程序项目介绍(项目文件介绍) XX.js是行为 XX.json 叫做配置文件 xxx.wxml叫做结构 xxx.wxss 内饰css app.js是入口文件 不要随便去改动它 app.json 是配置项 如顶部最初的WeChat就是在这个文件中去改 它是全局最大的配置文件 微信中所有的布局都是采用flex布局的方式
要想复制text标签中的文字,必须要添加selecttable这个属性哈。 文字标签 <text></text> text属性selectable是否可以复制文字
容器标签 <view></view> 它相当于div
如何在page中新建页面???
首先新建==》目录==》在这个目录中新建page
ps==>目录名和page名字一致
你新建的页面在app.json中它自动帮你配置
ps==》app.json中 谁放在最上面 随就会显示出来的注意顺序
如下 最后一个不能够加逗号隔开
"pages": [
"pages/main/main","pages/index/index"
],如何使用XX.js文件中的变量 数据是在XX.js中的data中哦
<!--pages/main/main.wxml-->
<text>pages/main/main.wxml</text>
<button>{{txt}}</button>
// pages/main/main.js
data: {
txt:"按钮"
},如何你要删除某个页面,
你要到app.json去吧那个页面的配置也删除了。
06-小程序循环条件判断rpx介绍 循环 if判断
07-view组件和flex布局
view 视图容器
width:750rpx;相当于宽度100%; rpx是一个响应式的单位
https://www.cnblogs.com/wangyawei/p/9103573.html 布局方式
-------------------------------------------------------
以下这内容不清楚 重新写一下明天
02==》 css3主轴的对齐方式 两个div 竖直column row排在一行
ps==>主轴的方式 默认竖直的
.section{
width:750rpx;
background: #ccc;
display: flex;
flex-direction:row; /* 主轴的对齐方式 竖直column row排在一行*/
}
--------------------------
09-表单组件
01==》按钮前面加载一个加载图标
<button loading>点击设置以上按钮plain属性</button>
02==》 在微信红如何动态绑定属性值
<button loading="{{lodingflg}}">点击设置以上按钮plain属性</button>
data: { lodingflg:true},被绑定的那个值 使用mastaqi花括弧,多了一个花括弧而已
在vue中
<button loading="true">点击设置以上按钮plain属性</button>
data:{
loading:true,//为true 就没有那个前面那个小图标了
}
------------------------------------------
10-导航组件
<navigator url="/pages/index/index?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
/pages/index/index跳转的地址
url="/pages/index/index?title=navigate" 如何传递参数
hover-class="navigator-hover" 按压的时候颜色发生变化
当你跳转到另外一个页面 左上角有返回的按钮
11-地图组件简单用法 style里面的css样式如何换行可能会报错(ps注意)
08 scrollview和text
text你可以理解为行级元素,两种或者多个text可以排列在同一行,直到这一行排不下。
超出所设置的高度 自动隐藏起来 在开发的时候有纵向滚动条 但是在真机上是没有滚动条的 所以一个一真机开发为主
<!-- 滚动 -->
style="height: 100px;超出100px有滚动条
scroll-y纵向滚动
<scroll-view scroll-y style="height: 100px;">
<view class="scroll-view-item ">1213</view>
<view class="scroll-view-item ">1313</view>
<view class="scroll-view-item ">1212</view>
<view class="scroll-view-item ">1212</view>
<view class="scroll-view-item ">1212</view>
<view class="scroll-view-item ">1212</view>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。