海轰Pro

2021年2月4日

摘要：效果展示（CSS实现） Demo代码 wxml <view class="start-box"> <button id="start" class="bg-grey">签到</button> </view> wxss .start-box { display: flex; align-items: 阅读全文

posted @ 2021-02-04 21:19 海轰Pro 阅读(204) 评论(0) 推荐(0)

2021年1月30日

微信小程序--功能区

摘要：效果展示 Demo代码 wxml <view class="box"> <view class="boxitem" wx:key='index' wx:for="{{functions}}" bindtap="tofunction" data-url="{{item.url}}"> <view cl 阅读全文

posted @ 2021-01-30 15:10 海轰Pro 阅读(224) 评论(0) 推荐(0)

微信小程序--跃动方块

摘要：效果展示 Demo代码 wxml  <view class="loading"> <view class="dot" animation="{{alpha[0]}}"></view> <view class="dot" animation="{{alpha[ 阅读全文

posted @ 2021-01-30 15:09 海轰Pro 阅读(651) 评论(0) 推荐(0)

2021年1月29日

微信小程序--四色花瓣

摘要：效果展示 Demo代码 wxml <view class="loading-screen"> <view class="loading"> <view class="a flour" ></view> <view class="a flour" ></view> <view class="a flo 阅读全文

posted @ 2021-01-29 12:39 海轰Pro 阅读(224) 评论(0) 推荐(1)

微信小程序--加载动画：旋转方块

摘要：效果展示 Demo代码 wxml <view class="loading-screen"> <view class="loading"> <view class="flour" ></view> <view class="flour" ></view> <view class="flour" >< 阅读全文

posted @ 2021-01-29 12:38 海轰Pro 阅读(247) 评论(0) 推荐(0)

2021年1月28日

微信小程序--动态切换栏

摘要：效果展示 Demo代码 wxml  <view class='list-top'> <ul> <li class="{{flag==0?'active':''}}" catchtap="changeflag" data-index="0">打卡记录</li> <li clas 阅读全文

posted @ 2021-01-28 15:35 海轰Pro 阅读(236) 评论(0) 推荐(0)

微信小程序--自定义新用户引导页面

摘要：效果展示 Demo代码 wxml <view class='page-cont' wx:if="{{isTiptrue}}"> <view class='top'> <image src='../images/jiantou.png'></image> <view class='p_one'>添加「阅读全文

posted @ 2021-01-28 15:33 海轰Pro 阅读(718) 评论(0) 推荐(0)

2021年1月27日

微信小程序--加载动画【水波涟漪效果蓝色】

摘要：效果图 Demo源码 wxml <view class="loading"> <view class="circle"> <view class="wave"></view> </view> </view> wxss 在这里插入代码片阅读全文

posted @ 2021-01-27 15:06 海轰Pro 阅读(383) 评论(0) 推荐(0)

微信小程序--加载动画：水波涟漪效果

摘要：效果图 Demo源码 wxml <view class="loading"> <view class="circle"> <view class="wave"></view> </view> </view> wxss .loading { width: 100vw; height: 100vh; b 阅读全文

posted @ 2021-01-27 15:03 海轰Pro 阅读(664) 评论(0) 推荐(0)

2020年12月27日

微信小程序--层叠轮播图

摘要：效果展示 Demo代码 wxml <view class="selection_cards" bindtouchstart="touchstart" bindtouchmove="touchmove" bindtouchend="touchend"> <view class="selection_c 阅读全文

posted @ 2020-12-27 16:57 海轰Pro 阅读(1035) 评论(0) 推荐(0)

公告