<view class="biground" >     <block wx:for="{{Namelist}}" wx:key="">       <text class="user-motto" style='font-size: 80%;'>送餐报酬</text>       <text class="user-motto" style='font-size: 180%;'>{{item.money}}元</text>       <text class="user-motto" style='font-size: 120%;'>点击送餐</text>       <text class="user-motto" style='font-size: 60%;'>{{item.sex}}</text>     </block>     </view>   .biground{   display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   width:310rpx;   height:310rpx;   border-radius:50%;   margin-bottom: 30rpx;   margin-top: 500rpx;   animation: max_size 1s infinite;   -webkit-animation: max_size 4s infinite;   color: #fff;   box-shadow: 0 0 60rpx rgba(255,216,216,1);   position: relative;   animation-direction: alternate-reverse; } .biground text{   color: #fff; } @keyframes max_size {   0% { width: 300rpx; height: 300rpx; font-size: 28; left: 0; bottom: 0rpx; }   100% { width: 320rpx; height: 320rpx; font-size: 32rpx; left: 0; bottom: 30rpx; } } @-webkit-keyframes max_size {   50% { width: 400rpx; height: 400rpx; } }   重点：css3的animation还可实现小程序的文字跑马灯
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄