diff --git a/app/command/make/component/tpl/_index.env b/app/command/make/component/tpl/_index.env
index 076824a..e28e9a9 100644
--- a/app/command/make/component/tpl/_index.env
+++ b/app/command/make/component/tpl/_index.env
@@ -2,4 +2,5 @@ title={$component_title}
 
 padding=0
 margin=0
-gray=0
\ No newline at end of file
+gray=0
+mobile=0
\ No newline at end of file
diff --git a/source/components/list/ul-music-list/_index.env b/source/components/list/ul-music-list/_index.env
index ca3e4e0..47093b3 100644
--- a/source/components/list/ul-music-list/_index.env
+++ b/source/components/list/ul-music-list/_index.env
@@ -1,3 +1,4 @@
 title=音乐列表
 padding=0
-gray=1
\ No newline at end of file
+gray=1
+mobile=1
\ No newline at end of file
diff --git a/view/index/index/index.html b/view/index/index/index.html
index 8a05a73..c6b0bc8 100644
--- a/view/index/index/index.html
+++ b/view/index/index/index.html
@@ -74,7 +74,7 @@
                                 <div class="desc">
                                     {$vo.desc|raw}
                                 </div>
-                                <div class="component-item" style="margin-top: 10px;" data-margin="{$vo.config.MARGIN|default='0'}" data-padding="{$vo.config.PADDING|default='0'}" data-gray="{$vo.config.GRAY|default='0'}">
+                                <div class="component-item" style="margin-top: 10px;" data-margin="{$vo.config.MARGIN|default='0'}" data-padding="{$vo.config.PADDING|default='0'}" data-gray="{$vo.config.GRAY|default='0'}" data-mobile="{$vo.config.MOBILE|default='0'}">
                                     <div class="">
                                         <span>预览效果</span>
                                         <div class="layui-btn-group" style="margin-left: 10px;">
@@ -89,9 +89,13 @@
                                             <button type="button" class="layui-btn layui-btn-xs" @click="gray = 1" :class="gray == 1 ? 'layui-btn-normal' : 'layui-btn-primary'">gray</button>
                                             <button type="button" class="layui-btn layui-btn-xs" @click="gray = 0" :class="gray == 0 ? 'layui-btn-normal' : 'layui-btn-primary'">无</button>
                                         </div>
+                                        <div class="layui-btn-group" style="margin-left: 10px;">
+                                            <button type="button" class="layui-btn layui-btn-xs" @click="mobile = 1" :class="mobile == 1 ? 'layui-btn-normal' : 'layui-btn-primary'">手机端</button>
+                                            <button type="button" class="layui-btn layui-btn-xs" @click="mobile = 0" :class="mobile == 0 ? 'layui-btn-normal' : 'layui-btn-primary'">正常</button>
+                                        </div>
                                     </div>
                                     <div class="" style="margin-top: 10px;">
-                                        <div class="preview" :class="{'ul-bg-gray':gray,'ul-padding-md':padding,'ul-margin-md':margin}">{$vo.html|raw}</div>
+                                        <div class="preview" :class="{'ul-bg-gray':gray,'ul-padding-md':padding,'ul-margin-md':margin,'ul-mobile-box':mobile}">{$vo.html|raw}</div>
                                     </div>
                                 </div>
                                 <div class="code">
@@ -281,6 +285,7 @@
                         margin: $(elem).data('margin'),
                         padding: $(elem).data('padding'),
                         gray: $(elem).data('gray'),
+                        mobile: $(elem).data('mobile'),
                     }
                 },