3 Star 0 Fork 0

Tim_PHPer/fs_donate_app

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
app.wxss 15.61 KB
一键复制 编辑 原始数据 按行查看 历史
bemzj 提交于 2022-05-17 16:14 . 2022.5.17.16.14
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547
/**app.wxss**/
.centerCenter{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
-webkit-flex-direction: column
}
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
image{
display: block;
}
.topCircle{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAFJCAIAAABLjj9WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEMkQ5MTFDODlCMDBFQzExODk5M0QyMjE2QzJFOUY4RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQUI4QzYwNjExNTYxMUVDQkMxREZCRjJFNjYyOEI0NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQUI4QzYwNTExNTYxMUVDQkMxREZCRjJFNjYyOEI0NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjczQUFGMzhDQzMwRUVDMTFBRURFOERBRTRFNzhGQzk2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQyRDkxMUM4OUIwMEVDMTE4OTkzRDIyMTZDMkU5RjhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nMuWtwAADHVJREFUeNrs3Yl7VNUZwOFv7sxkEwQELBXEfWkVW1u11dba/oH9m7poa2tdqtS6W0FRXFB2kll7v5PJgigGSMhM8r7Pfe5zM09M5BAzP8+5S2N4rBUAAJOpMgQAgJQBAJAyAABSBgCQMgAAUgYAQMoAAEgZAEDKAABIGQAAKQMASBkAACkDACBlAACkDAAgZQAApAwAgJQBAJAyAICUAQCQMgAAUgYAkDIAAFIGAEDKAABIGQBAygAASBkAACkDACBlAAApAwAgZQAApAwAIGUAAKQMAICUAQCQMgCAlAEAkDIAAFIGAJAyAABSBgBAygAASBkAQMoAAEgZAAApAwAgZQAAKQMAIGUAAKQMACBlAACkDACAlAEAkDIAgJQBAJAyAABSBgBAygAAUgYAQMoAAEgZAEDKAABIGQAAKQMAIGUAACkDACBlAACkDACAlAEApAwAgJQBAJAyAICUAQCQMgAAUgYAQMoAAFIGAEDKAABIGQBAygAASBkAACkDACBlAAApAwAgZQAApAwAgJQBAKQMAICUAQCQMgCAlAEAkDIAAFIGAEDKAABSBgBAygAASBkAACkDAEgZAAApAwAgZQAAKQMAIGUAAKQMAICUAQCkDACAlAEAkDIAAFIGAJAyAABSBgBAygAAUgYAQMoAAEgZAAApAwBIGQAAKQMAIGUAACkDACBlAACkDACAlAEApAwAgJQBAJAyAABSBgCQMgAAUgYAQMoAAFIGAEDKAABIGQAAKQMASBkAACkDACBlAACkDAAgZQAApAwAgJQBAKQMAICUAQCQMgAAUgYAkDIAAFIGAEDKAABSBgBAygAASBkAACkDAEgZAAApAwAgZQAApAwAIGUAAKQMAICUAQCkDACAlAEAkDIAAFIGAJAyAABSBgBAygAASBkAQMoAAEgZAAApAwBIGQAAKQMAIGUAAKQMACBlAACkDACAlAEAkDIAgJQBAJAyAABSBgCQMgAAUgYAQMoAAEgZAEDKAABIGQAAKQMASBkAACkDACBlAACkDAAgZQAApAwAgJQBAJAyAICUAQCQMgAAUgYAkDIAAFIGAEDKAABIGQBAygAASBkAACkDACBlAAApAwAgZQAApAwAIGUAAKQMAICUAQCQMgCAlAEAkDIAAFIGAEDKAABSBgBAygAASBkAQMoAAEgZAAApAwAgZQAAKQMAIGUAAKQMACBlAACkDACAlAEAkDIAgJQBAJAyAABSBgBAygAAUgYAQMoAAEgZAEDKAABIGQAAKQMAIGUAACkDACBlAACkDACAlAEApAwAgJQBAJAyAICUAQCQMgAAUgYAQMoAAFIGAEDKAABIGQBAyhgCAEDKAABIGQAAKQMASBkAACkDACBlAACkDAAgZQAApAwAgJQBAKQMAICUAQCQMgAAUgYA2OoawzN/jIW/5jY4ZzgAgMlQ7YzpZ2P6ucZw4eXyQj86r8b8n2K+bpqvjA8AMJYFsy9mfhczf4ipxyNakbMyo5RZNojumzH/l8ya/gkjBgBsvubBzJeZ56L9yLdOj7kyZVbpvR/zf86tPgAAuMla98fM73OrD77HVVNmWf9ELLwQ8y9E57U6cAwsALBx/ZKLRzO/jenf5mTMD1lbyiwbno+Ff8T889F5MQZnDTYAsD6qnTH1dJ4HM/3raOxY+z93jSmzoh+df5epmuej/4nxBwCuR/NQzDybEzBTP68/uI4vcN0ps0rvo1h4PrOmczTPGgYAuJoqpo5kvkw/G627b/BrrUfKLBucyeWnzt9jwfITAPCtgLk1l5Cmn4npX0W1e72+6rqmzKqoKVd0/y2zpvtexNBfHwBsS41oPxBTz8TMb668jnqcU2Z11ZzKqZqFF6PzkqkaANgWcgLmqZh+Os/hrfZubCtteMqsipqcqqmbpi6b7tvOqgGALdYv0X4426UumI2ZgNn0lFldNWej869Y+GdO1fRP+ssHgEnVPFAmYJ6KqSej2nXzv/8mpcxqvWMZNAsvReflGF7yIwEA464xG1NPlHx5Klp3bfK/y+anzIp+dN4YzdZ037ICBQDjpIr2T/Lio6knY+qx67sHzJZPmVVyBeqVzJp63zvmxwcANkfrcE7AZL78Mk/mHT/jmjKXZc1XsVCapvOyE2sAYMPl6S9PZLvU++b+Mf+XnYSUWa1/Iptm4ZXc14kDAKyLam+2y3QpmDU8xFHKrIfe/0ZTNZ3X8kbDAMC15cuufAb14gRM654J/UNMcsqsGJSseTWfcFlvg1N+OAHge/Jlbz64MbdflHypJv0PtDVS5nK9Y9F9Padq6s25NQCQ5748nlv7Z5t+7bSUuUZ1yiw2TR03roQCYPuok6UOl8WCqVNm69rqKbPa4Otcfuq+EZ2j0X0noufnHIAtpJnPDZg6Eu0juX60wU8+kjKbbTgf3f/mHfm6R3PznEsAJlF1a4ZLtstjef+6xuw2HIPtmjKXd005veZodF7POZvecf9pADC+WodH8y71Pk98aWzz8ZAyVxicLlnzRnT/k0/w9lgoADb5vXo2V47aj5aplyNR7TYkUuYauiZ6H5alqDpr3sxLvj0ZCoANV+Vl0u1Hcpt6JFr3boFLpqXMeBhezHmanK0pceN2wwCsW73sy2rJfHk052Aac4ZEymy8/hc5VZNl81ZeEjW8YEgAWPM78C3RfijP1c12+Wk0f2RIpMzmGub5wr23y7TN26VsLhoUAFa95c6Vdnk4t1a93WnZSMqMs0H0Ps7Zmoybt6L7rtOHAbbfe+xstB/MeZc6XHKvXaTMZJfNsZyt6b2TWdN7LwbnDArAVlPtjNYDuS2uHOWV0tpFymxV/U9HTbO496wogEnUPFDC5cHRvnmHIZEy29XgbJmweS9670b3/eh95LkKAGNYLtG6O9oPROvBsn8ob7aLlOE7DLt5P5teXTYfRPeDPHbhN8DNV90WrfujfV+07isrR/dGo21UpAzXZXCmlM2HK3HjCimAdX5LnMtYGYXLvRkx7qsrZdgww+h/tlQ275eDY9akAK5FKx9mVFdL+/5RuzR/7HlGUoZN1IveJ/lohdxK2fQ/yoUqAPLtrh3Nu/OSotY9Zcal3h/KmkHKMMb60TuRZdM/nucRZ+Icj+F54wJsgze3HWXG5Z48S7e5eHAwT9pFyjD5efNlztbkjYmPR/9Y3sev/5lnZAKTrMqFodad0byr5MvhnH1p7jcuUoZtY9iN/omyIHW8lM3HeTz42sAAY9ktt+UiUfPO0i6Hy/FBVxVJGSnDlX1zvmTN8cya3onsm/6nMThtYICbWC27845zWS0Hl/LlcK4cgZThBvqmzppPchYnJ3IWD76wPgXcYLNE8/acXGkdyn1uhzJfVAtShpvSN92csFmMm1HffJab294A3/GeM5fnteSpLcvVcjCnXqwQIWUYO4Mz+WCpxazJrc6dz0viuIQKtsN7y458OFFud4zaJbcDUe0yNkgZJj1xzo3iZnAyep/G4PNcoqq3wam87x8wUe8gUe0ta0P7ozoQrTtyv1gt1U6jg5Rhmxl2Y/BlyZrPY1Dipn9ydDD4xvDAZqr2ZK9Ut5dZlvpg/8qBhSGkDKyhcjpLlXMyH6vZ/yr3ywfDBSMEN/xWMB3Vvmjuy/3ywUqvTBkhpAxsmMG5y8pG6MA1xMrSh9aDkDIwpoaX8iycwTe59U/lrf8Gp8t+eTtnkNgK6hapblu17c59c2+uDeW2NxqzBgkpA1uydbolbr4pczmn88Kr4ZkYnC2vnC4H5RUP5mTTfkm3o7ErL/ypbi2BsicPRq/sLhMqe/LAOStIGeCqxXMxmyb7ZjFuSvTkdj6G53JqZ3k/7Bgt1vCrdyoaO3MqZWW/o9TJrmjsXgqXPeXDOaMFV+f55rCWN565aJZbe/1w9HRiePbbiZMfno3hhXJwoYTRxVz8ys+8FNEzwBP/i7SajcatuYhTzeVPS+OWTJN6X7+YjXJ5suRnOpEWpAyM7/9tl/Mo1y7r5+JS6Fws26VyXG/zeeZyHnTK8eLBpfI5/ZJHfTdWXo+/tTpEWqUwmiVEZsvfY90cM0sH0+V4RwmR2fI5c0uxMqdLQMqA+qnfC3dH83q/QuZOJ2Mo+iV0ehHdkj798mKUqaBBvpKv90b1MyynPA/LZ658naVrvoarpovqrhrdwHDwA/drzu9yYQ1/5LoAqqt+wo58Ls+ilYtrWivnrmZbTC8dz4zOFGmUz8y2qH+ztcvrVX6v0Xesx3e6jPbi12mWF6dWvg4wmf4vwABO5cyFeINDEQAAAABJRU5ErkJggg==') no-repeat top center;
background-size: 100%;
}
.tapBanner{
padding: 80rpx 0rpx 30rpx;
}
page{
background-color: #fce4dc;
}
view,navigator,picker{
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wxParse-inline{
display: inline;
}
.nodatas{
font-size: 30rpx;
text-align: center;
line-height:50rpx;
width: 100%;
}
/* .listBox{
padding: 18rpx 24rpx;
} */
.list{
position: relative;
width: 334rpx;
height: 416rpx;
margin: 0 auto;
padding: 38rpx 24rpx 26rpx;
background:no-repeat bottom center;
background-size: 100%;
border-radius: 12rpx;
margin-bottom: 20rpx;
line-height: 52rpx;
}
.list:nth-child(2n+1)
{
margin-left: 0rpx;
}
.list:nth-child(2n)
{
margin-left: 0rpx;
}
.list:nth-child(4n+1){
background-image: url('https://donate.kyhdmedia.com/static/uploads/app/back1.png?v=1');
}
.list:nth-child(4n+2){
background-image: url('https://donate.kyhdmedia.com/static/uploads/app/back2.png?v=1');
}
.list:nth-child(4n+3){
background-image: url('https://donate.kyhdmedia.com/static/uploads/app/back3.png?v=1');
}
.list:nth-child(4n){
background-image: url('https://donate.kyhdmedia.com/static/uploads/app/back4.png?v=1');
}
.listImg{
width: 100%;
border-radius: 6rpx;
overflow: hidden;
height: 185rpx;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
-webkit-flex-direction: column;
}
/* .listImg image{
width: 100%;
} */
.listTxt{
padding: 10rpx 6rpx;
}
.listName{
width:100%;
font-size: 21rpx;
color: #fff;
text-align: justify;
line-height: 30rpx;
margin-bottom: 8rpx;
overflow:hidden;
padding-top: 10rpx;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
padding-top: 55rpx;
}
.listDesc{
width: 100%;
font-size: 21rpx;
line-height: 28rpx;
text-align: justify;
color: #9a9a9a;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.fullText{
color: #000000;
font-size: 21rpx;
line-height: 46rpx;
text-align: justify;
}
.fullText image{
max-width: 100%;
}
.banner{
width: 100%;
position: relative;
}
/*变大变小*/
@keyframes bigAndSmall195 {
0% {
transform: scale(1, 1)
}
50% {
transform: scale(0.95, 0.95)
}
100% {
transform: scale(1, 1)
}
}
@-webkit-keyframes bigAndSmall195 {
0% {
transform: scale(1, 1)
}
50% {
transform: scale(0.95, 0.95)
}
100% {
transform: scale(1, 1)
}
}
.bigAndSmall {
animation: 1.8s linear bigAndSmall195 infinite;
-webkit-animation: 1.8s linear bigAndSmall195 infinite
}
.entryBtn{
width: 156rpx;
height: 42rpx;
left: 50%;
margin-left: -78rpx;
bottom: 20rpx;
background: url('https://donate.kyhdmedia.com/static/uploads/app/donateBtns.png') no-repeat center center;
background-size: 100%;
position: absolute;
}
.entryBtn.over{
background-image: url('https://donate.kyhdmedia.com/static/uploads/app/overDonate.png');
}
.nodate{
color: #7d3117;
font-size: 32rpx;
text-align: center;
width: 100%;
font-weight: bold;
margin-top: 10rpx;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@keyframes bigAndSmall19{
0% {
transform: scale(1, 1)
}
50% {
transform: scale(0.9, 0.9)
}
100% {
transform: scale(1, 1)
}
}
@-webkit-keyframes bigAndSmall195 {
0% {
transform: scale(1, 1)
}
50% {
transform: scale(0.9, 0.9)
}
100% {
transform: scale(1, 1)
}
}
.bigAndSmall {
animation: 1.8s linear bigAndSmall195 infinite;
-webkit-animation: 1.8s linear bigAndSmall195 infinite
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
.delay01{
animation-delay: 0.1s!important;
-webkit-animation-delay: 0.1s!important;
}
.delay02{
animation-delay: 0.2s!important;
-webkit-animation-delay: 0.2s!important;
}
.delay03{
animation-delay: 0.3s!important;
-webkit-animation-delay: 0.3s!important;
}
.delay04{
animation-delay: 0.4s!important;
-webkit-animation-delay: 0.4s!important;
}
.delay05{
animation-delay: 0.5s!important;
-webkit-animation-delay: 0.5s!important;
}
.delay06{
animation-delay: 0.6s!important;
-webkit-animation-delay: 0.6s!important;
}
.delay07{
animation-delay: 0.7s!important;
-webkit-animation-delay: 0.7s!important;
}
.delay08{
animation-delay: 0.8s!important;
-webkit-animation-delay: 0.8s!important;
}
.delay09{
animation-delay: 0.9s!important;
-webkit-animation-delay: 0.9s!important;
}
.delay10{
animation-delay: 1.0s!important;
-webkit-animation-delay: 1.0s!important;
}
.delay11{
animation-delay: 1.1s!important;
-webkit-animation-delay: 1.1s!important;
}
.delay12{
animation-delay: 1.2s!important;
-webkit-animation-delay: 1.2s!important;
}
.delay13{
animation-delay: 1.3s!important;
-webkit-animation-delay: 1.3s!important;
}
.delay14{
animation-delay: 1.4s!important;
-webkit-animation-delay: 1.4s!important;
}
.delay15{
animation-delay: 1.5s!important;
-webkit-animation-delay: 1.5s!important;
}
.delay16{
animation-delay: 1.6s!important;
-webkit-animation-delay: 1.6s!important;
}
.delay17{
animation-delay: 1.7s!important;
-webkit-animation-delay: 1.7s!important;
}
.delay18{
animation-delay: 1.8s!important;
-webkit-animation-delay: 1.8s!important;
}
.delay19{
animation-delay: 1.9s!important;
-webkit-animation-delay: 1.9s!important;
}
.delay20{
animation-delay: 2.0s!important;
-webkit-animation-delay: 2.0s!important;
}
.delay21{
animation-delay: 2.1s!important;
-webkit-animation-delay: 2.1s!important;
}
.delay22{
animation-delay: 2.2s!important;
-webkit-animation-delay: 2.2s!important;
}
.delay23{
animation-delay: 2.3s!important;
-webkit-animation-delay: 2.3s!important;
}
.delay24{
animation-delay: 2.4s!important;
-webkit-animation-delay: 2.4s!important;
}
.delay25{
animation-delay: 2.5s!important;
-webkit-animation-delay: 2.5s!important;
}
.delay26{
animation-delay: 2.6s!important;
-webkit-animation-delay: 2.6s!important;
}
.delay27{
animation-delay: 2.7s!important;
-webkit-animation-delay: 2.7s!important;
}
.delay28{
animation-delay: 2.8s!important;
-webkit-animation-delay: 2.8s!important;
}
.delay29{
animation-delay: 2.9s!important;
-webkit-animation-delay: 2.9s!important;
}
.delay30{
animation-delay: 3.0s!important;
-webkit-animation-delay: 3.0s!important;
}
.tBanner{
width: 705rpx;
margin: 0 auto;
padding-top: 33rpx;
}
.tBanner image{
width: 100%;
}
@-webkit-keyframes shankCenter {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
25% {
transform: rotate(-2deg);
-webkit-transform: rotate(-2deg)
}
50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
75% {
transform: rotate(2deg);
-webkit-transform: rotate(2deg)
}
100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
}
@keyframes shankCenter {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
25% {
transform: rotate(-2deg);
-webkit-transform: rotate(-2deg)
}
50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
75% {
transform: rotate(2deg);
-webkit-transform: rotate(2deg)
}
100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
}
.shankCenter {
animation: 1s linear shankCenter infinite;
-webkit-animation: 1s linear shankCenter infinite
}
.bird{
width: 160rpx;
position: absolute;
left: 750rpx;
top: 650rpx;
pointer-events: none;
animation: 5s linear birdMove infinite;
-webkit-animation: 5s linear birdMove infinite;
}
@keyframes birdMove{
0%{
transform:translate(0rpx,0rpx);
-webkit-transform:translate(0rpx,0rpx);
}
100%{
transform:translate(-920rpx,-460rpx);
-webkit-transform:translate(-920rpx,-460rpx);
}
}
@-webkit-keyframes birdMove{
0%{
transform:translate(0rpx,0rpx);
-webkit-transform:translate(0rpx,0rpx);
}
100%{
transform:translate(-920rpx,-460rpx);
-webkit-transform:translate(-920rpx,-460rpx);
}
}
.bird1{
top: 1360rpx;
}
.bird2{
top: 1280rpx;
}
.listBox{
display: flex;
display: -webkit-flex;
padding: 30rpx;
flex-wrap: wrap;
-webkit-flex-wrap:wrap;
}
.wxParse-strong{
font-weight: bold;
}
.nofunction{
font-size: 26rpx;
line-height: 39rpx;
text-align: justify;
width: 586rpx;
padding: 0 80rpx;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/Tim_PHPer/fs_donate_app.git
git@gitee.com:Tim_PHPer/fs_donate_app.git
Tim_PHPer
fs_donate_app
fs_donate_app
master

搜索帮助

D67c1975 1850385 1daf7b77 1850385