学习笔记,第二天的学习情况

思无邪* 2021-11-22 22:21:05

   今天学了啥?把上一次的一起总结了一下: 

.js--逻辑后缀,eg:index.js--页逻辑

.json--配置后缀,eg:index.json--页配置;sitemap.json--页面索引

.wxml--结构后缀,eg:index.wxml--页结构

.wxss--  布局/样式后缀,index.wxss--页布局

 

<image></image>插图用的,需要图片所在位置的链接

   eg:<image src="{{userInfo.avatarUrl}}",读取头像图片

<button></button>一个按钮图标,可在预览图中点击进入

    在此可用bindtap来绑定事件,eg:bindtap="getUserProfile"

<text></text>显示文本信息,输入什么显示什么

getUserProfile函数,输入后点击它提示的函数就会给你生成一个差不多的模板,没必要全部手打

data:{}表示设置变量,eg:userInfo:null,表示设置了变量userInfo,其初值为null

在index.wxss中完善布局,eg:

     image{        在此对图片加入参数进行修改,

                   vh:视窗高度 单位              n vw:视窗高度的n%

                   width:10vh 

                  border-radius:50%;圆角设置,调为50%会让图片变圆形,低于50%看起来就没有那么圆了

}

.flexstyle{          类样式,定义后需要在前面用class引用才有用

          display:flex;将对象作为弹性伸缩盒表示

          flex-direction:column;确定主轴方向为垂直,即垂直布局

          align-items:center;居中对齐

         justify-content:space-around;两侧间距相等

}

 

    这是最后的成果:    

 

今天就这样了,写这玩意比我上手要痛苦,,,

...全文
28 11 收藏 5
写回复
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
铎哥zs 11-23
可以👍
回复
1_Lina 新手村气氛调节师 11-22

hxd,我建议你可以使用Typora这款软件写博客,上传也很方便,这样看着感觉文字堆在一起了,不是很方便查看,可以试一试这款软件按哦

回复
@1_Lina 感觉这些好麻烦,原先的想法是把它发在博客里,那博客里那些排版布局看起来太麻烦了,最后就发在了相对简单的社区里,反正这些帖子大概率会沉下去
回复 1
1_Lina 新手村气氛调节师 11-24
@思无邪* 我刚开始也是这样想的,但是这个也算是笔记吧,可以分享给大家。刚开始使用那款软件比较麻烦,但是随着你使用次数的增加,后开其实会发现没有那么麻烦,非常建议你一试哦😊😊😊
回复
展开其他1条回复
相关推荐
发帖
编程新手村
创建于2021-11-01

6.5w+

社区成员

灌水发信息每周送书 灌水发干货每周送惊喜 谁最水过年送大礼 谁最硬核过年送大礼 谁最贡献过年送大礼
帖子事件
创建了帖子
2021-11-22 22:21
社区公告

我们“新手村”社区就是大家的孵化器

你们学习,我来评分

每周最高分送一本书

每月第四周送一份机械键盘

咱们新手村使用一切狂暴手段让优秀的人得到奖励