微信小程序创建、页面配置、wxss

Myth丶恋晨 2021-07-24 23:35 502阅读 0赞

创建:
    	(1)文件名必须相同
    		index文件夹
    		index.js\.json\.wxml\.wxss
    		项目下
    		app.js、app.json、app.wxss
    	
    页面配置:
        "navigationBarBackgroundColor": "#CC0203",
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "音乐界面",
        "backgroundColor": "#eeeeee",
        "backgroundTextStyle": "light"
    
    基本组件:
      view:视图容器,类似div
      image: 默认宽度300px,高度225px;无img标签,标签上添加 mode='widthFix',使得图片自适应,不被压缩
      text:放置文本内容的标签
      block:不会在页面加载该标签,只是一个容器,只接收控制属性(wx:if、wx:for、wx:else),来控制其中的元素
    
    wxss:
    	(1)单位
    		rpx:可以根据屏幕宽度进行自适应,规定屏幕宽为750rpx。
    		如在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
    		
    	(2)使用
    		page{	选中的就是整个页面
    			...
    			支持css的选择器
    		}
    		内联样式:
    		<view style="color:{
       {color}};background-color:blue" />	style接收动态的样式,在运行时会进行解析,请尽量避免将静态的样式写进style 中,以免影响渲染速度。
    		<view class="class1 class2" />
    
    
    		
    	(3)导入其他wxss样式
    		@import "xx.wxss";	相同名称的选择器会进行样式的合并覆盖,覆盖时当前文件样式的优先级高

发表评论取消回复

表情：

评论列表（有 0 条评论，502人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序---全局配置及页面配置

> 这段时间有部分小伙伴在问有没有什么好的刷题网站 > 在这里给大家推荐一款刷题网站[点击访问牛客网][Link 1] > 牛客网支持多种编程语言的学习，各大互联网大厂

向右看齐/ 2023年10月07日 19:17/ 0 赞/ 51 阅读

相关微信小程序设置wxss背景图片

微信小程序设置wxss背景图片目前只支持两种： 1. 在线图片如果有自己的服务器可以将图片放到自己的web服务器上；或者参考这个通过qq相册或百

雨点打透心脏的1/2处/ 2022年11月25日 11:36/ 0 赞/ 390 阅读

相关微信小程序二（创建页面）

好了 hello world 创建好了，咱开始写页面了，那么如何创建一个简单的页面呢，废话不多说，开始撸代码新建一个页面需要以下几步， 1.

Love The Way You Lie/ 2022年07月15日 21:11/ 0 赞/ 227 阅读

相关微信小程序报错.wxss无法找到

小程序原来一直运行正常，编译都没有问题，但今天更新了一下工具，就一直编译不过，报.wxss无法找到，搜索半天，才解决。解决方案如下：在控制台输入openVen

谁践踏了优雅/ 2022年06月05日 08:59/ 0 赞/ 259 阅读

相关微信小程序创建一个空白页面

小程序创建一个空白页面还是比较简单的。 pages文件夹下就是一个个页面组件想要新增页面组件则找到app.json里面的pages数组，然后添加一组数据即可得到一个页面组

绝地灬酷狼/ 2022年05月23日 08:11/ 0 赞/ 290 阅读

相关微信小程序wxss设置样式

[微信小程序wxss设置样式][wxss] 对于以前搞客户端开发的来说，有着客户端的逻辑，就是不知道怎么设置样式，把对应的控件显示出来一、wxml 界面结构wxmL

ゝ一纸荒年。/ 2022年01月31日 03:25/ 0 赞/ 1351 阅读

相关微信小程序之wxss：微信小程序教程系列13

WXSS（WeiXin Style Sheet）与CSS对应，用于描述页面的样式。特性内联样式：组件的 style 接收动态的样式，在运行时会进行

我不是女神ヾ/ 2021年12月04日 08:09/ 0 赞/ 476 阅读

相关 WXSS:微信小程序版CSS

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组

冷不防/ 2021年09月07日 18:50/ 0 赞/ 449 阅读

相关微信小程序页面配置以及sitemap配置

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 每一个小程序页面也可以使用同名 `.json` 文件来对本页面的窗口表现进行配置，页面中配置

骑猪看日落/ 2021年09月07日 18:46/ 0 赞/ 415 阅读

相关微信小程序创建、页面配置、wxss

创建: (1)文件名必须相同 index文件夹 index.js\.json\.wxml\.wxss 项目下

Myth丶恋晨/ 2021年07月24日 23:35/ 0 赞/ 503 阅读