小程序组件样式细节

1、默认情况下 组件内的样式 对外部样式 没有影响

前提:组件内是class样式,不允许使用id选择器、属性选择器、标签选择器

2、外部样式 对 组件内部样式 的影响

(1) 外部class样式,只对外部 wxml的class影响,对内部组件不影响

(2) 外部使用id选择器,属性选择器不会对组件内产生影响

(3) 外部使用标签选择器,会对组件内产生影响

3、想要 外部样式 与 内部组件的样式 相互影响

在组件的.js文件中这样配置

		Component({
		  options:{
		      // styleIsolation:"isolated",//不写默认isolated,是相互隔离的
		      // styleIsolation:"apply-shared"//apply-shared,只是外部样式影响组件内部样式
		      styleIsolation:"shared"//shared 外部样式和内部样式 互相影响
		    }
		    })
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发微信小程序的步骤如下: 1. 注册微信小程序账号:首先,你需要在微信公众平台注册一个小程序账号。请确保你已经注册了微信公众号,并且注意微信公众号和小程序是两个不同的账号,拥有不同的appid。 2. 创建小程序:登录微信公众平台,进入小程序管理后台,点击"创建小程序"按钮,填写小程序的基本信息,包括小程序名称、appid、小程序类型等。 3. 开发小程序:微信小程序开发主要使用微信开发者工具进行开发。你可以在微信公众平台下载并安装微信开发者工具。使用微信开发者工具,你可以创建小程序项目,编辑小程序前端代码和样式,以及调试和预览小程序。 4. 编写小程序代码:在微信开发者工具中,你可以使用类似HTML、CSS和JavaScript的语法来编写小程序前端代码。你可以使用微信小程序提供的组件和API来实现小程序的各种功能,例如页面布局、用户交互、网络请求等。 5. 预览和调试小程序:在微信开发者工具中,你可以实时预览和调试小程序的效果。你可以在开发者工具中模拟不同的设备和网络环境,以便测试小程序在不同设备上的兼容性和性能。 6. 提交审核和发布小程序:当你完成了小程序的开发和调试后,你可以将小程序提交审核。审核通过后,你可以将小程序发布到微信小程序平台,供用户使用。 请注意,以上是一个简要的开发微信小程序的步骤。具体的开发流程和细节,请参考微信小程序开发文档,文档链接为:[微信小程序开发文档](https://mp.weixin.qq.com/debug/wxadoc/dev/index.html)。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值