效果

主要代码

1. wxml文件

<view class="page-wrapper ">
  <view class="blog-bottom-wrapper">
    <view class="blog-bottom" bindtap="editBlog">
      修改
    </view>
  </view>
</view>

2. wxss文件

.blog-bottom-wrapper{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.blog-bottom{
  overflow: hidden;
  display: block;
  width: 100;
  height: 88rpx;
  text-align: center;
  font-size: 40rpx;
  line-height: 88rpx;
  color: #fff;
  margin: 50rpx 50rpx;
  background-color: #337aff;
  box-shadow: 0 14rpx 28rpx rgba(51,122,255,0.3);
}

关于我

厦门大学计算机专业|华为八年高级工程师
十年软件开发经验，5年编程培训教学经验
目前从事编程教学，软件开发指导，软件类毕业设计指导。