复制 .circle-line text:nth-child(1){animation-delay:0.2s;} .circle-line text:nth-child(2){animation-delay:0.4s;} .circle-line text:nth-child(3){animation-delay:0.6s;} .circle-line text:nth-child(4){animation-delay:0.8s;} .circle-line text:nth-child(5){animation-delay:1s;} .circ...
}.container1 view:nth-child(1){background-color:lightgreen; }.container1 view:nth-child(2){background-color:lightblue; }.container1 view:nth-child(3){background-color:lightcoral; }.container1{border:1px solid red;width:100px;height:120px; } 2.轮播图 <!--pages/list/list.wxml--><!-...
一、小程序事件的绑定 ⼩程序中绑定事件，通过bind关键字来实现。如 bindtap bindinput bindchange 等 不同的组件⽀持不同的事件，具体看组件的说明即可。1. wxml Plain Text 复制代码 9 1 2. page Plain Text 复制代码 9 1 2 3 4 5 6 7 Page({ // 绑定的事件 handleInput: function(...
.pay-leftview:nth-child(1) { margin-bottom:15rpx; } .pay-leftview:nth-child(1)text:nth-child(2) { color:#F73A3F; } .pay-leftview:nth-child(2)text:nth-child(2) { font-size:18rpx; color:#F73A3F } .pay-leftview:nth-child(2)text:nth-child(3) { color:#F73A3F; } .pay-btn...
用类名选择器来选中父元素,再用后代选择器来选择子元素来统一设置其宽高等内容,当然如果想单独对一个子元素进行设置,可以通过C3选择器nth-child(1)来选中子元素,并对其进行添加样式,通过改变父元素的布局就能实现子元素之间的排列了。 /* pages/CshPage1/CshPage1.wxss *//* 给子元素设置大小 */.cont...
注:nth-child(n)选择器匹配父元素中的第n个子元素。 让标题图片上下有一个距离,floor_title加一个padding:10rpx 四、分类: 滚动左侧菜单时,只在左侧进行竖向滚动,右侧内容也是只在右侧进行竖向滚动,小程序提供了一个很好用的组件scroll-view, scroll-view可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固...
) element_slider = self.page.get_element('page > view > view > view:nth-child(1) > ...
.container1 view:nth-child(1){ background-color: lightgreen; } .container1 view:nth-child(2){ background-color: lightskyblue; } .container1{ border: 1px solid red; /* 给 scroll-view 固定高度 */ height: 120px; width: 100px; } 5. swiper 和 swiper-item 组件的基本使用 <!--pages...
.container1 view:nth-child(1){ background-color: lightgreen; } .container1 view:nth-child(2){ background-color: lightskyblue; } .container1{ border: 1px solid red; /* 给 scroll-view 固定高度 */ height: 120px; width: 100px; ...
.circle-line text:nth-child(8){ transform: rotate(315deg); animation-delay: 1.6s; } @keyframes circle { 0%{ opacity: 0.05; } 100%{ opacity: 0.9; } } /*动画二:整体旋转 */ .circle-line-spin{ width: 100px; height: 100px; ...