微信小程序 - 随笔分类 - 海轰Pro

微信小程序前端页面Demo系列之仿塞尔达攻略助手首页

摘要：前言 Hello！小伙伴！非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称：海轰标签：程序猿｜C选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C/Linux（真的真的太难了～）学习经验：扎实基础阅读全文

posted @ 2021-08-30 14:55 海轰Pro 阅读(148) 评论(0) 推荐(0)

微信小程序--传送方块

摘要：效果展示 Demo代码 wxml <view class="contain"> <view class="container"> <view class="loader"> <view style="--i:1;--color:#FD79A8"></view> <view style="--i:2; 阅读全文

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

微信小程序--粘性小球

摘要：效果展示 Demo代码 wxml <view class="container"> <view class="big"> <view class="middle"></view> <view class="small"></view> </view> </view> wxss page { marg 阅读全文

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

微信小程序--律动按钮

摘要：效果展示（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 阅读(224) 评论(0) 推荐(0)

微信小程序--功能区

摘要：效果展示 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 阅读(243) 评论(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 阅读(684) 评论(0) 推荐(0)

微信小程序--四色花瓣

摘要：效果展示 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 阅读(249) 评论(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 阅读(269) 评论(0) 推荐(0)

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

摘要：效果展示 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 阅读(248) 评论(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 阅读(740) 评论(0) 推荐(0)

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

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

posted @ 2021-01-27 15:06 海轰Pro 阅读(408) 评论(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 阅读(686) 评论(0) 推荐(0)

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

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

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

海轰Pro

随笔分类 - 微信小程序

公告