微信小程序笔记（三）

一个简单的开始页面

3-2 官方种子项目介绍与小程序的文件结构

1.以ihhone6,750px的像素设计最佳；750x1334;

2.设置style的两种方式：动态样式写在style里，静态写在class样式表里。

　　（1）在wxml文件中设置

1 <image style="width:200rpx;height:200rpx" src="/images/2013516191254219.jpg"></image>

　　（2）在xcss文件中设置

.user-avatar{
width:200rpx;
height:200rpx;
margin-top: 100rpx;
}

1 <!--wxml是编写小程序骨架-->
2 <!--<div>-->
3 <view>
4     <image class="user-adatar" src="/images/2013516191254219.jpg"></image>
5     <text>hello</text>
6     <view>
7         <text>开启小程序之旅</text>
8     </view>
9 </view>

微信小程序笔记（三）相关推荐

微信小程序笔记（三）Wepy使用记录—Stylus预编译基本使用
Wepy使用记录-Stylus预编译基本使用坏境搭建请前往wepy框架官网淘宝 NPM 镜像 wepy新建wpy初始化模板参考创建空项目使用wepy init empty 项目名称命令来创 ...
微信小程序（三个小点）颜色显示问题
微信小程序(三个小点)颜色显示问题修改加载图标的默认颜色在已经添加下拉刷新页面对应的json文件中添加 "backgroundTextStyle": "dark&qu ...
微信小程序第三次培训笔记
学习网址:(本次仅涉及P16-P22) 2020最新微信小程序开发零基础入门+项目案例[新视觉实训]_哔哩哔哩_bilibili 运行效果录屏: 微信小程序3 图片无法显示原因:wxss中格式出现错误 ...
微信小程序（三）常见组件
常见组件 view 相当于web里的div标签 text 1.文本标签 2.只能嵌套text 3.长按文字可以复制(只有该标签有这个功能) 4.可以对空格(&nbsp)回车 ...
【Cxinny】微信小程序笔记
事件绑定 bindtap:类似click bindinput:文本框的输入事件 bindchange:状态改变时触发事件对象的属性列表event target是触发该事件的源头组件,而current ...
微信小程序（三）详解篇
一.什么是小程序(了解) 小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的理念 ...
微信小程序笔记、小程序打印
小程序介绍目录结构 app.js //程序的入口 App({//小程序的生命周期函数onLaunch: function () {this.globalData.sysinfo = wx.getSy ...
【微信小程序】(三)订阅消息实现
微信小程序订阅消息指的是用户在你的小程序中进行了一些操作,你的小程序可以在某一个时间点向该用户发送消息,通知用户操作的结果.比如用户想要小程序在某一天通知他去买票,在小程序中授予通知权限之后,小程序在 ...
微信小程序（三）：选座系统（主要内容：列表渲染的应用）
生活无趣且不易,一起找点乐子吧.欢迎评论,和文章无关的内容也没关系. 从这篇开始,做个简单的选座系统,也就是在界面上画出座位布局,在点击后根据座位情况进行选座或者离坐这么个东西. 其实写这篇文章的目的 ...
微信小程序入门三之Flex布局
?遇到的问题 1.tabBar切换,改变导航条的标题在页面的.json里面编写,注意在根节点写,不要画蛇添足加windows节点!! {"navigationBarTitleText&qu ...

微信小程序笔记（三）

微信小程序笔记（三）相关推荐

最新文章

热门文章