暂时提交

pages/news/index.vue

@@ -59,13 +59,19 @@
     </view>
 
     <!-- 底部提示 -->
-    <view class="bottom-tip">只展示最近7天的消息</view>
-
+    <uni-divider-text margin="10rpx 0"
+                      width="50%"
+                      font-size="24rpx"
+                      lineText="只展示最近7天的消息"/>
   </view>
 </template>
 
 <script>
+import UniDividerText from "../../components/uni-divider/uni-divider-text.vue";
 export default {
+  components: {
+    UniDividerText
+  },
   data() {
     return {
       messageList: [
@@ -288,12 +294,5 @@ export default {
   }
 }
 
-/* 底部提示 */
-.bottom-tip {
-  text-align: center;
-  font-size: 26rpx;
-  color: #999;
-  padding: 40rpx 0;
-}
 
 </style>