效果图:
灰色背景,图片+文字
.wxml
<!--PART SIX-->
<!--logo-->
<view class="footer">
<image class="pic" mode="widthFix" src="/images/logo.png"></image>
<view class="txt">-高端实训品牌-</view>
</view>
.wxss
/*PART SIX*/
/*logo*/
.footer{padding:30rpx 0;background:#f2f2f2;text-align:center;}
.footer .pic{width: 180rpx;}
.footer .txt{font-size:25rpx;color:#666;}
公共设置
app.wxss
.container{padding:0 26rpx;box-sizing:border-box;}/**左右两边距页面有间隔**/
@keyframes dh{
0%,50%,100%{opacity:1;}
25%{opacity:0;}
}/**右上角联系图标有闪动效果**/