微信小程序头部颜色怎么设置

微信小程序头部颜色怎么设置,第1张

1、首先用已有的账号密码登陆飞虎商联后台(没有账号即点击注册),接着可以看到左上方有“小 程序”选项,点击进入小程序设置页面。

2、进入小程序设置页面后,点击设计—页面—左边栏小程序头部菜单选项,点击想要的头部颜色,即可开始设置小程序头部颜色,如下图。

3、可以看到颜色有固定色系可选择,也可选择自定义色系,选择完成后点击右上方的“生成”,打包小程序并提 交,审 核通过后即可看到更 新头部颜色的小程序。

属性选择器可以根据元素的属性及属性值来选择元素

1、E:hover;2、E:action;3、E:focus;4、E:enable;5、E:disabled;6、E:read-only;7、E:read-write;8、E:checked

(:first-child :last-child :nth-child() :nth-last-child() :nth-of-type() :nth-last-of-type() :first-of-type :last-of-type :only-child :only-of-type)

项目中有这样一个需求:就是考试题目(单纯的一串文字)的结尾,要跟随一个带边框的题目类型,如图

这个标题,正常来讲,直接用<text>组件显示即可。但需求一变之后,就要跟随在文字末尾,而且样式还不一样。

这个时候就想到html中,可以用<span>来显示你想展示不同样式的部分

但是在小程序中,<text>组件里只能是text,不能有其他,用的<span>也是无效

于是,我把之前用<text>显示标题的组件,替换成了<view>

效果图:

首先看看官方提供的模态d窗

api如下:

示例:

这样的模态d窗,充其量只能做个alert,提示一下信息。

但是并不能使用它来处理复杂性的d窗业务,因此写了Michael从新自定义了一个,采用了仿原生的样式写法

wxml:

wxss:

js:

相关连接: >

它的样式来自rich-text标签或者其父元素的样式,(当两者都有时候,rich-text的优先级更高)

它的样式来自style的样式,这时候 rich-text标签或者其父元素的样式无效,此时若想要改变样式,需要用正则表达式为其添加样式。

结果:不生效

结果:当有important时候生效

>

Appjs:设置一些全局的基础数据等

Appjson:底部tab,标题栏和路由等设置

Appwxss:公共样式,引入iconfont等

pages:里面包含一个个具体的页面

indexjson:配置当前页面标题和引入组件

indexwxml:页面结构

indexwxss:页面样式表

indexjs:页面的逻辑,请求和数据处理

projectconfigjson:项目配置文件,用的最多的就是配置是否开启>

以上就是关于微信小程序头部颜色怎么设置全部的内容,包括:微信小程序头部颜色怎么设置、微信小程序(样式选择器篇)、微信小程序-一段文字中的不同样式等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/9707210.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存