代码优化

common/styles/global/components.scss

@@ -532,8 +532,8 @@ view{box-sizing: border-box;}
 .lli-status-box{
   display: flex;justify-content: space-around;background: #fff;
   border-bottom:1px solid #f2f1f2;padding: 15px 10px;
-  label{text-align: center;color: #333333;position: relative;}
-  label.click:before{content: '';position: absolute;height: 2px;width: 80%;bottom: -15px;font-size: 14px;
+  .status-item{text-align: center;color: #333333;position: relative;}
+  .status-item.click:before{content: '';position: absolute;height: 2px;width: 80%;bottom: -15px;font-size: 14px;
 	background-color: $uni-primary;
     left: 10%;border-radius: 2px;}
 }

pages/demo/index.vue

@@ -2,7 +2,7 @@
 	<view class="lli-demo-page">
 		<uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入考试名称" bgColor="#F3F3F4" clearButton="auto" cancelButton="none" @confirm="search"/>
 		<view class="lli-status-box">
-		    <span class="click">可以考试</span><span>已结束</span>
+		    <text class="status-item click">可以考试</text><text class="status-item">已结束</text>
 		</view>
 		<scroll-view class="demo-scroll-view" scroll-y="true">
 			<view class="content-view">
@@ -27,6 +27,11 @@
 							<checkbox value="cb" />未选中
 						</label>
 					</checkbox-group>
+					<view class="lli-tc demo-title">------------扩展组件-------------</view>
+						
+					<uni-section title="自定义样式" subTitle="使用 styles 属性 ,可以自定义输入框样式" type="line" padding>
+								<uni-easyinput v-model="value" placeholder="请输入内容"@input="input"></uni-easyinput>
+							</uni-section>
 			</view>
 		</scroll-view>
 	</view>
@@ -36,7 +41,7 @@
 	export default {
 		data() {
 			return {
-				
+				value:'',
 			}
 		},
 		methods: {