页面切图

App.vue

@@ -5,6 +5,10 @@ export default {
     },
     onShow: function () {
         console.log('App Show')
+        uni.setTabBarBadge({
+            index: 1,
+            text: '6'
+        })
     },
     onHide: function () {
         console.log('App Hide')
@@ -15,6 +19,15 @@ export default {
 <style lang="scss">
 /*每个页面公共css */
 @import './common/css/base.scss';
+/deep/ uni-tabbar .uni-tabbar__badge{
+    width: auto;
+    height: 28rpx;
+    line-height: 28rpx;
+    border-radius: 28rpx;
+    min-width: 28rpx;
+    font-size: 20rpx;
+    padding: 0 8rpx;
+}
 
 
 </style>