- 博客(9)
- 收藏
- 关注
原创 小程序界面开发8小程序组件
view组件 实现效果:按住鼠标即可将容器的颜色橙色变为绿色 实现效果:点击内部容器 外部容器的颜色会随之改变 在inner容器中加入 hover-stop-propagation="{{true}} 那么此时点击内部容器,外部容器并不会随之改变 scroll-view组件可滚动视图区域 横向滚动 1.给scroll-view添加scroll-x="{{true}}" 2.添加样式white-space: nowrap; 3.给子元素设置为display: inline-block; 实现效
2022-01-28 22:41:27 857
原创 微信小程序界面开发6flex布局
微信小程序界面开发6flex布局 示例: 另一种实现方式 display:flex; justify-content:space-between; flex布局常用术语 主轴方向的排列方式 justify-content:space-between 侧轴方向的排列方式 align-items:center 修改轴的方向 flex-direction:column; flex换行 flex-wrap:wrap; 多行排列方式 方式1: display:flex; flex-w
2022-01-23 15:28:10 390
原创 小程序界面开发4.5[自用调整页面]
小程序界面开发4.5[自用调整页面] 将introduce界面放在开头,并将其点击跳转到首页 app.json调序 对introduce界面 此时可实现从introduce界面到首页 再对app.json修改 “pagePath”: “pages/shouye/shouye” 就可以将首页放置成列表形式 ...
2022-01-21 15:47:27 182
原创 小程序界面开发4[小程序事件]
小程序事件 1.事件绑定 示例 新建event文件夹、event文件 event.wxml 写入 请点击我 event.js 写onViewClick函数 点击调试器 点击文字后 控制台效果 参数传递 示例: 样式更改 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2d85c766fa404209a78ddeebaf541f00.png?x-oss-process=image/wa 打开调试器,点击文字后效果 增加打印信息 页面跳转效果:【还有其他方法?
2022-01-21 15:18:05 522
原创 小程序界面开发3[搜索栏实现]
小程序界面开发3 搜索栏实现 新建文件夹components 新建searchbar【与pages同级!!!!】 新建component 在app.json 加入pages/search/search ctrl+s searchbaer.wxss修改样式 对应放置的搜索页面 .json修改 对搜索栏继续修改 图片报错 去网页复制地址https://tool.jisuapi.com/pic2base64.html 更改图片路径及大小位置 这时已经完成点击搜索栏 跳转到搜索页面 对search
2022-01-21 09:39:33 188
原创 小程序界面开发(2)wxml
小程序界面开发(2) debug app.json debug:true 可以帮助锁定一些页面注册、更新的常见问题。 页面配置 会覆盖全局配置app.json 每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置,页面中配置项会覆盖 app.json 的 window 中相同的配置项。 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html 例: yuyue界面 .json
2022-01-21 09:38:24 314
原创 小程序界面开发(1)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-01-21 09:36:08 649
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人