完善:提供组件内部使用全局样式

src/app.scss

@@ -2,7 +2,6 @@
 @import './scss/variables.scss';
 @import './scss/style.scss';
 
-
 .container{
   width: 100%;
   height: 100vh;

src/template/components/index.js

+/**
+ *  除继承样式外， app.wxss 中的样式、组件所在页面的的样式对自定义组件无效。
+ *  参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
+ *  采用 externalClasses 的方式 在组件.wxml需要的view的class加super-class，可以是多个
+ *  使用 <Component super-class="<#type#>" />
+ */
 Component({
   properties: {
     showDelect: Boolean,
     flexList: Array,
     title: String // 简化的定义方式
   },
+  externalClasses: ["super-class"],
   data: {
     content: "content"
   },

src/template/components/index.wxml

 <!--template/components/index.wxml-->
 <view class="container" hover-class="none" hover-stop-propagation="false">
-    <text class="flex-item" selectable="false" space="false" decode="false" bindtap="tagAction" data-text="{{content}}">{{content}}</text>
+    <text class="flex-item super-class" selectable="false" space="false" decode="false" bindtap="tagAction" data-text="{{content}}">{{content}}</text>
 </view>