微信小程序-打卡激励小程序—随笔录-授权页完善

要求：循环gif图为页面背景（全屏），授权按钮呈圆角半透明

笔记1：

顶部导航栏透明-app.js 中 window 内部设置导航栏样式为透明

如下

"navigationStyle":"custom"

按钮半透明、圆角

.index_button1{

background-color: #e6e6e6;

/* 按钮圆角 */

border-radius: 40rpx;

/* 阴影 */

box-shadow: 0 10rpx 10rpx 0 ;

/* 透明度满值为1*/

opacity: 0.7

}

page {

background-color: #f6f6f6;

/* height: 100%;

width: 100%; */

/* 背景全屏 */

background-size: 100% 100%;

background-repeat: no-repeat;

padding-bottom: 10rpx;

background-image: url("xxxx.jpg");

}

成品如下

微信小程序-打卡激励小程序—随笔录-授权页完善相关推荐

微信小程序-打卡激励小程序—随笔录-tabber无效
一个突发奇想想要写一个自己的打卡激励小程序,随想随做.动手开干. 距离上一次写微信小程序应该是在两三年前了 ,时隔这么久在提起,很多都陌生了,开发全靠文档,啊哈哈哈哈. 笔录1. 描述:用户进入小程序 ...
【疫情神器】用python里的itchat，写了一个监控微信群成员打卡的小程序
疫情期间,微信群里各种打卡统计信息啊有没有.作为高贵的程序猿,我们怎么不用代码自己统计呢?我拍头一想,这玩意儿肯定会有脚本支持的,一百度,看到了一个神器:itchat~ itchat真的是一个很神奇 ...
小程序 formid 生成_微信电子计次卡生成小程序
"电子计次卡生成工具"是一款免费创建计次卡的工具,商家能够简单快速的创建,发放,核销电子计次卡,并可以查看计次卡的使用与核销数据. 计次卡是指顾客购买或获得赠送相应的消费或服务次数 ...
【java】兴唐第二十五节课小程序学生卡转账小系统（自己写的异常）
1.StuCard.java public class StuCard {public static void TransMoney(int source, int money, int target ...
“低碳生活，绿建未来”主题活动——微信运动步数打卡比赛统计分析
昨天是全国低碳日,根据今年"低碳生活,绿建未来"的主题,根据甲方的要求,他们要举办一个为期一天的绿色低碳出行比赛,所以给他们做了个微信运动步数打卡活动小程序.该小程序利用数字化技术 ...
微信步数日历打卡小程序
微信步数日历打卡小程序背景碳达峰.碳中和.垃圾分类.减塑.反食品浪费等绿色低碳生活正日渐成为社会新风尚."低碳生活,绿建未来"活动采取"线上线下"相结合的方 ...
微信小打卡，微信小打卡上打卡方法，被微信推荐的打卡小程序CSS margin(外边距)
<style> p {background-color:yellow; } p.margin {margin-top:100px;margin-bottom:100px;margin-ri ...
给大家分享一个打卡的工具，是一个微信小程序，名字叫小打卡
给大家分享一个打卡的工具,是一个微信小程序,名字叫小打卡.之前Ben和我讨论过,有没有这样一个方便的工具,能把每天工作学到的零碎知识点记录下来,或者是工作中突然来了一些稍纵即逝的灵感,如果不及时记下来 ...
考研打卡app小程序第二篇（微信用户授权）
安卓和小程序体验小程序体验安卓版本体验安卓体验一.小程序结构目录结构小程序包含一个描述整体程序的 app 和多个描述各自页面的 page. 一个小程序主体部分由三个文件组成,必须放在项目的 ...

微信小程序-打卡激励小程序—随笔录-授权页完善

微信小程序-打卡激励小程序—随笔录-授权页完善相关推荐

最新文章

热门文章