diff --git a/snowy-plugin/snowy-plugin-gen/src/main/java/vip/xiaonuo/gen/modular/basic/service/impl/GenBasicServiceImpl.java b/snowy-plugin/snowy-plugin-gen/src/main/java/vip/xiaonuo/gen/modular/basic/service/impl/GenBasicServiceImpl.java
index 5031603b..4a593616 100644
--- a/snowy-plugin/snowy-plugin-gen/src/main/java/vip/xiaonuo/gen/modular/basic/service/impl/GenBasicServiceImpl.java
+++ b/snowy-plugin/snowy-plugin-gen/src/main/java/vip/xiaonuo/gen/modular/basic/service/impl/GenBasicServiceImpl.java
@@ -557,24 +557,26 @@ public class GenBasicServiceImpl extends ServiceImpl<GenBasicMapper, GenBasic> i
             List<GenBasicPreviewResult.GenBasicCodeResult> genBasicCodeMobileResultList = CollectionUtil.newArrayList();
             GEN_MOBILE_FILE_LIST.forEach(fileJsonObject -> {
                 String fileTemplateName = fileJsonObject.getStr("name");
-                String fileTemplatePath = "";
-                if (!"page.json.btl".equals(fileTemplateName)){
-                    fileTemplatePath = fileJsonObject.getStr("path") + File.separator + genBasic.getModuleName();
-                }
+
                 GenBasicPreviewResult.GenBasicCodeResult genBasicCodeMobileResult = new GenBasicPreviewResult.GenBasicCodeResult();
                 Template templateMobile = groupTemplateMobile.getTemplate(fileTemplateName);
                 templateMobile.binding(bindingJsonObject);
+
                 String resultName = StrUtil.removeSuffix(fileTemplateName, ".btl");
                 if("Api.js.btl".equalsIgnoreCase(fileTemplateName)) {
-                    resultName = StrUtil.lowerFirst(genBasic.getClassName()) + resultName;
+                    resultName = StrUtil.toSymbolCase(genBasic.getClassName() + resultName, '-');
                     genBasicCodeMobileResult.setCodeFileName(resultName);
-                    genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileTemplatePath + File.separator + resultName);
+                    genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileJsonObject.getStr("path") + File.separator + genBasic.getModuleName() + File.separator + resultName);
                 } else if("page.json.btl".equals(fileTemplateName)) {
                     genBasicCodeMobileResult.setCodeFileName(resultName);
-                    genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileTemplatePath + File.separator + resultName);
+                    genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + File.separator + resultName);
+                } else if ("route.js.btl".equals(fileTemplateName)) {
+                    resultName =  StrUtil.toSymbolCase(genBasic.getClassName(), '-') + ".js";
+                    genBasicCodeMobileResult.setCodeFileName(resultName);
+                    genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileJsonObject.getStr("path") + File.separator + resultName);
                 } else {
                     genBasicCodeMobileResult.setCodeFileName(resultName);
-                    genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileTemplatePath + File.separator + genBasic.getBusName() + File.separator + resultName);
+                    genBasicCodeMobileResult.setCodeFileWithPathName(genMobileBasicPath + fileJsonObject.getStr("path") + File.separator + genBasic.getModuleName() + File.separator + genBasic.getBusName() + File.separator + resultName);
                 }
                 genBasicCodeMobileResult.setCodeFileContent(templateMobile.render());
                 genBasicCodeMobileResultList.add(genBasicCodeMobileResult);
@@ -620,6 +622,8 @@ public class GenBasicServiceImpl extends ServiceImpl<GenBasicMapper, GenBasic> i
         bindingJsonObject.set("className", genBasic.getClassName());
         // 类首字母小写名
         bindingJsonObject.set("classNameFirstLower", StrUtil.lowerFirst(genBasic.getClassName()));
+        // 类小写且以横线分割
+        bindingJsonObject.set("classNameLowerKebab", StrUtil.toSymbolCase(genBasic.getClassName(), '-'));
         // 主键名
         bindingJsonObject.set("dbTableKey", genBasic.getDbTableKey());
         // 主键Java类型
diff --git a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/Api.js.btl b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/Api.js.btl
index 99e93f37..349f9fd8 100644
--- a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/Api.js.btl
+++ b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/Api.js.btl
@@ -1,34 +1,36 @@
 import request from '@/utils/request'
 
-// 获取${functionName}分页
-export function ${classNameFirstLower}Page(data) {
-    return request({
-        url: '/${moduleName}/${busName}/page',
-        method: 'get',
-        data: data
-    })
-}
-// 提交${functionName}表单 add为false时为编辑，默认为新增
-export function ${classNameFirstLower}SubmitForm(data, add = true) {
-    return request({
-        url: '/${moduleName}/${busName}/'+ (add ? 'add' : 'edit'),
-        method: 'post',
-        data: data
-    })
-}
-// 删除${functionName}
-export function ${classNameFirstLower}Delete(data) {
-    return request({
-        url: '/${moduleName}/${busName}/delete',
-        method: 'post',
-        data: data
-    })
-}
-//  获取${functionName}详情
-export function ${classNameFirstLower}Detail(data) {
-    return request({
-        url: '/${moduleName}/${busName}/detail',
-        method: 'get',
-        data: data
-    })
+export default {
+    // 获取${functionName}分页
+    ${classNameFirstLower}Page(data) {
+        return request({
+            url: '/${moduleName}/${busName}/page',
+            method: 'GET',
+            data: data
+        })
+    },
+    // 提交${functionName}表单 add为false时为编辑，默认为新增
+    ${classNameFirstLower}SubmitForm(data, add = true) {
+        return request({
+            url: '/${moduleName}/${busName}/'+ (add ? 'add' : 'edit'),
+            method: 'POST',
+            data: data
+        })
+    },
+    // 删除${functionName}
+    ${classNameFirstLower}Delete(data) {
+        return request({
+            url: '/${moduleName}/${busName}/delete',
+            method: 'POST',
+            data: data
+        })
+    },
+    // 获取${functionName}详情
+    ${classNameFirstLower}Detail(data) {
+        return request({
+            url: '/${moduleName}/${busName}/detail',
+            method: 'GET',
+            data: data
+        })
+    },
 }
diff --git a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/form.vue.btl b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/form.vue.btl
index 94d393d6..fe2cd4e1 100644
--- a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/form.vue.btl
+++ b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/form.vue.btl
@@ -1,92 +1,81 @@
 <template>
-    <view class="container snowy-shadow">
-        <uv-form ref="formRef" :model="formData" :rules="rules" label-position="top" labelWidth="auto" :labelStyle="{marginBottom: '25rpx', fontSize: '27rpx', color: '#606266'}">
-            <% for(var i = 0; i < configList.~size; i++) { %>
+    <view class="snowy-form">
+        <uni-forms ref="formRef" :model="formData" label-position="top" :rules="rules" validate-trigger="blur" labelWidth="auto">
+			<% for(var i = 0; i < configList.~size; i++) { %>
             <% if(!configList[i].needTableId && configList[i].whetherAddUpdate && configList[i].fieldNameCamelCase != 'tenantId') { %>
             <% if(configList[i].effectType == 'input') { %>
-            <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
-            	<uv-input v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uv-input>
-            </uv-form-item>
+            <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
+            	<uni-easyinput v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uni-easyinput>
+            </uni-forms-item>
             <% } else if (configList[i].effectType == 'textarea') {%>
-            <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
-            	<uv-textarea v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uv-textarea>
-            </uv-form-item>
+            <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
+            	<uni-easyinput type="textarea" v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uni-easyinput>
+            </uni-forms-item>
             <% } else if (configList[i].effectType == 'select') {%>
-            <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
-                <snowy-sel-picker :map="{key: 'value', label: 'text'}" v-model="formData.${configList[i].fieldNameCamelCase}" :rangeData="${configList[i].fieldNameCamelCase}Options" placeholder="请选择${configList[i].fieldRemark}"></snowy-sel-picker>
-            </uv-form-item>
-            <% } else if (configList[i].effectType == 'radio') {%>
-            <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
-                <uv-radio-group v-model="formData.${configList[i].fieldNameCamelCase}">
-                    <uv-radio :customStyle="{marginRight: '50rpx'}" v-for="(item, index) in ${configList[i].fieldNameCamelCase}Options" :key="index" :name="item.value" :label="item.text"></uv-radio>
-                </uv-radio-group>
-            </uv-form-item>
-            <% } else if (configList[i].effectType == 'checkbox') {%>
-            <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
-                <uv-checkbox-group v-model="formData.${configList[i].fieldNameCamelCase}">
-                    <uv-checkbox :customStyle="{marginRight: '50rpx'}" v-for="(item, index) in ${configList[i].fieldNameCamelCase}Options" :key="index"  :name="item.value" :label="item.text"></uv-checkbox>
-                </uv-checkbox-group>
-            </uv-form-item>
-            <% } else if (configList[i].effectType == 'datepicker') {%>
-            <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
-                <snowy-calendar v-model="formData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></snowy-calendar>
-            </uv-form-item>
-            <% } else if (configList[i].effectType == 'timepicker') {%>
-
+            <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
+                <snowy-sel-picker :map="{key: 'value', label: 'text'}" v-model="formData.${configList[i].fieldNameCamelCase}" @getOptData="get${configList[i].fieldNameCamelCaseFirstUpper}Options"  placeholder="请选择${configList[i].fieldRemark}"></snowy-sel-picker>
+            </uni-forms-item>
+            <% } else if (configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
+            <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请选择${configList[i].fieldRemark}' }]">
+                <uni-data-checkbox :multiple="${configList[i].effectType == 'checkbox'?true:false}" :map="{key: 'value', label: 'text'}" v-model="formData.${configList[i].fieldNameCamelCase}" :rangeData="${configList[i].fieldNameCamelCase}Options" placeholder="请选择${configList[i].fieldRemark}"> </uni-data-checkbox>
+            </uni-forms-item>
+            <% } else if (configList[i].effectType == 'datepicker' || configList[i].effectType == 'timepicker') {%>
+            <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请选择${configList[i].fieldRemark}' }]">
+                <uni-datetime-picker type=${configList[i].effectType == 'timepicker'?'datetime':'date'} v-model="formData.${configList[i].fieldNameCamelCase}" > </uni-datetime-picker>
+            </uni-forms-item>
             <% } else if (configList[i].effectType == 'inputNumber') {%>
-            <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
-                <uv-number-box v-model="formData.${configList[i].fieldNameCamelCase}" :min="1" :max="100"></uv-number-box>
-            </uv-form-item>
+            <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
+                <uni-number-box v-model="formData.${configList[i].fieldNameCamelCase}" :min="1" :max="100"></uni-number-box>
+            </uni-forms-item>
             <% } else if (configList[i].effectType == 'slider') {%>
-            <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}">
+            <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}" :required="${configList[i].required}" :rules="[{ required: ${configList[i].required}, errorMessage: '请输入${configList[i].fieldRemark}' }]">
                 <slider :value="formData.${configList[i].fieldNameCamelCase}" :min="1" :max="100" :step="1" @change="(e)=>{formData.${configList[i].fieldNameCamelCase} = e.detail.value}"></slider>
-            </uv-form-item>
+            </uni-forms-item>
             <% } %>
             <% } %>
             <% } %>
-        </uv-form>
+        </uni-forms>
         <tui-button margin="50rpx 0" :preventClick="true" :shadow="true" @click="submit">提交</tui-button>
     </view>
 </template>
+
 <script setup name="${classNameFirstLower}Form">
+    <%
+    var iptTool = 0;
+    for(var i = 0; i < configList.~size; i++) {
+        if(!configList[i].needTableId) {
+        if(configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {
+            iptTool++;
+        }
+        }
+    }
+    %>
     import { onLoad } from "@dcloudio/uni-app"
-    import { ${classNameFirstLower}Detail, ${classNameFirstLower}SubmitForm } from '@/api/${moduleName}/${classNameFirstLower}Api'
+    import ${classNameFirstLower}Api from '@/api/${moduleName}/${classNameLowerKebab}-api'
     import { reactive, ref, getCurrentInstance } from "vue"
+    import CallbackState from "@/enum/callback-state"
 
     const { proxy } = getCurrentInstance()
     const formRef = ref()
-    const formData = ref({
-        <% for(var i = 0; i < configList.~size; i++) { %>
-        <% if(!configList[i].needTableId && configList[i].whetherAddUpdate && configList[i].fieldNameCamelCase != 'tenantId') { %>
-        ${configList[i].fieldNameCamelCase}: '',
-        <% } %>
-        <% } %>
-    })
-    // https://www.uvui.cn/components/form.html
+    const formData = ref({})
+    // 常用正则规则大全：https://any86.github.io/any-rule/
     // 去pages/biz/user/form.vue中寻找示例
     const rules = reactive({
-        <% for(var i = 0; i < configList.~size; i++) { %>
-        <% if(!configList[i].needTableId && configList[i].whetherAddUpdate && configList[i].fieldNameCamelCase != 'tenantId' && configList[i].required) { %>
-        ${configList[i].fieldNameCamelCase}: [{
-            type: 'string',
-            required: true,
-            message: '请输入${configList[i].fieldRemark}',
-            trigger: ['blur', 'change']
-        }],
-        <% } %>
-        <% } %>
     })
     <% for(var i = 0; i < configList.~size; i++) { %>
     <% if(!configList[i].needTableId) { %>
-    <% if(configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') { %>
-    const ${configList[i].fieldNameCamelCase}Options = ref([])
+    <% if(configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') { %>
+    const ${configList[i].fieldNameCamelCase}Options = ref([])	
     <% } %>
+	<% if(configList[i].effectType == 'select') { %>	
+	const get${configList[i].fieldNameCamelCaseFirstUpper}Options = (param, callback) => callback({ state: CallbackState.SUCCESS, data: uni.$snowy.tool.dictList('${configList[i].dictTypeCode}') })
+	<% } %>
     <% } %>
     <% } %>
     onLoad((option) => {
         <% for(var i = 0; i < configList.~size; i++) { %>
         <% if(!configList[i].needTableId) { %>
-        <% if(configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') { %>
+        <% if(configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') { %>
         ${configList[i].fieldNameCamelCase}Options.value = uni.$snowy.tool.dictList('${configList[i].dictTypeCode}')
         <% } %>
         <% } %>
@@ -94,17 +83,17 @@
         if(!option.id){
             return
         }
-        ${classNameFirstLower}Detail({
+        ${classNameFirstLower}Api.${classNameFirstLower}Detail({
             id: option.id
-        }).then(res => {
-            formData.value = res?.data
+        }).then(data => {
+            formData.value = data
         })
     })
     const submit = () => {
         formRef.value.validate().then(res => {
-            ${classNameFirstLower}SubmitForm(formData.value, !formData.value.id).then(respond => {
+            ${classNameFirstLower}Api.${classNameFirstLower}SubmitForm(formData.value, !formData.value.id).then(data => {
                 uni.$emit('formBack', {
-                    data: respond.data
+                    data: data
                 })
                 uni.navigateBack({
                     delta: 1
@@ -114,8 +103,4 @@
     }
 </script>
 <style lang="scss" scoped>
-    .container {
-        margin: 80rpx 0 0;
-        padding: 30rpx;
-    }
 </style>
diff --git a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/index.vue.btl b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/index.vue.btl
index 106b1bf3..56a24cd3 100644
--- a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/index.vue.btl
+++ b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/index.vue.btl
@@ -6,98 +6,82 @@
     <% for(var i = 0; i < configList.~size; i++) { %>
         <% if(!configList[i].needTableId && configList[i].needPage) { searchCount ++; }%>
     <% } %>
-    <% if (searchCount > 0) { %>
-    <% for(var i = 0; i < configList.~size; i++) { %>
-    <% if(!configList[i].needTableId && configList[i].needPage) { row ++; %>
-    <% if(row <= 1) { %>
-    <snowy-search placeholder="请输入${configList[i].fieldRemark}" v-model="searchFormState.${configList[i].fieldNameCamelCase}" @confirm="loadData(true)" @clear="loadData(true)" :enableSenior="true" @seniorSearch="$refs.searchRef.open()"></snowy-search>
-    <% } %>
-    <% } %>
-    <% } %>
-    <search ref="searchRef" :searchFormState="searchFormState" @confirm="loadData(true)"></search>
-    <% } %>
-    <view class="${busName}-list">
-        <view class="item" v-for="(item, index) in ${classNameFirstLower}Data" :key="index" :index="index" @tap="moreTapItem(item, index)">
-            <% for(var i = 0; i < configList.~size; i++) { %>
-            <% if(!configList[i].needTableId && configList[i].whetherTable && configList[i].fieldNameCamelCase != 'tenantId') { %>
-            <uv-row customStyle="margin-bottom: 15rpx">
-                <uv-col :span="1">
-                    <uv-icon size="18" name="tags-fill" color="#5677fc"></uv-icon>
-                </uv-col>
-                <uv-col :span="5">
-                    <view class="item-left">${configList[i].fieldRemark}</view>
-                </uv-col>
-                <uv-col :span="6" textAlign="right">
-                    <view class="item-right snowy-bold snowy-ellipsis"> {{ item.${configList[i].fieldNameCamelCase} }} </view>
-                </uv-col>
-            </uv-row>
-            <% } %>
-            <% } %>
-        </view>
+    <view>
+        <z-paging ref="dataPagingRef" :fixed="true" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic" @virtualListChange="virtualListChange" @query="loadData" :auto="true">
+            <template #top>
+                <% if (searchCount > 0) { %>
+                <% for(var i = 0; i < configList.~size; i++) { %>
+                <% if(!configList[i].needTableId && configList[i].needPage) { row ++; %>
+                <% if(row <= 1) { %>
+                <view class="snowy-z-paging-item">
+                    <snowy-search placeholder="请输入${configList[i].fieldRemark}" v-model="searchFormData.${configList[i].fieldNameCamelCase}" @confirm="$refs.dataPagingRef.reload()" @clear="$refs.dataPagingRef.reload()" :seniorEnable="true" @seniorSearch="$refs.searchRef.open()"></snowy-search>
+                </view>
+                <% } %>
+                <% } %>
+                <% } %>
+                <search ref="searchRef" :searchFormData="searchFormData" @confirm="$refs.dataPagingRef.reload()"></search>
+                <% } %>
+            </template>
+            <view class="snowy-shadow snowy-z-paging-item snowy-padding snowy-hover" v-for="(item, index) in ${classNameFirstLower}Data" :key="index" @tap="moreTapItem(item, index)">
+                <% for(var i = 0; i < configList.~size; i++) { %>
+                <% if(!configList[i].needTableId && configList[i].whetherTable && configList[i].fieldNameCamelCase != 'tenantId') { %>
+                <uni-row class="item-uni-row">
+                    <uni-col :span="2">
+                        <uni-icons size="18" type="paperclip" color="#5677fc"></uni-icons>
+                    </uni-col>
+                    <uni-col :span="10">
+                        <view class="snowy-sub-title">${configList[i].fieldRemark}</view>
+                    </uni-col>
+                    <uni-col :span="12">
+                        <view class="snowy-text-right snowy-text-bold snowy-text-ellipsis"> {{ item.${configList[i].fieldNameCamelCase} }} </view>
+                    </uni-col>
+                </uni-row>
+                <% } %>
+                <% } %>
+            </view>
+        </z-paging>
+        <snowy-float-btn v-if="$snowy.hasPerm('mobile${className}Add')" @click="add"></snowy-float-btn>
+        <more ref="moreRef" @handleOk="loadData(true)"></more>
     </view>
-    <snowy-empty :fixed="true" v-show="$xeu.isEmpty(${classNameFirstLower}Data)" />
-    <snowy-float-btn v-if="$snowy.hasPerm('mobile${className}Add')" @click="add"></snowy-float-btn>
-    <more ref="moreRef" @handleOk="loadData(true)"></more>
 </template>
 
 <script setup name="${busName}">
     <% if (searchCount > 0) { %>
     import search from './search.vue'
     <% } %>
-    import { ${classNameFirstLower}Page } from '@/api/${moduleName}/${classNameFirstLower}Api'
+    import ${classNameFirstLower}Api from '@/api/${moduleName}/${classNameLowerKebab}-api'
     import more from './more.vue'
     import { onLoad, onShow, onReady, onPullDownRefresh, onReachBottom } from "@dcloudio/uni-app"
-    import { reactive, ref, getCurrentInstance } from "vue"
+    import { reactive, ref, getCurrentInstance, nextTick } from "vue"
+
     const { proxy } = getCurrentInstance()
-    const searchFormState = reactive({
-        <% if (searchCount > 0) { %>
-        <% for(var i = 0; i < configList.~size; i++) { %>
-        <% if(!configList[i].needTableId && configList[i].needPage) { %>
-        ${configList[i].fieldNameCamelCase}: '',
-        <% } %>
-        <% } %>
-        <% } %>
-    })
-    const parameter = reactive({
-    	current: 1,
-    	size: 10
-    })
+    const dataPagingRef = ref()
+    const searchFormData = ref({})
     const ${classNameFirstLower}Data = ref([])
-    const loadData = (isReset) => {
-        if (isReset) {
-        	parameter.current = 1
-        	${classNameFirstLower}Data.value = []
-        }
-        Object.assign(parameter, searchFormState)
-        ${classNameFirstLower}Page(parameter).then(res => {
-            if (uni.$xeu.isEmpty(res?.data?.records)){
-            	return
-            }
-            ${classNameFirstLower}Data.value = ${classNameFirstLower}Data.value.concat(res.data.records)
-            parameter.current++
-        }).finally(()=>{
-          	uni.stopPullDownRefresh()
-        })
+    const virtualListChange = (vList) => {
+        ${classNameFirstLower}Data.value = vList
+    }
+    const loadData = async (pageNo, pageSize) => {
+        const parameter = {
+            current: pageNo,
+            size: pageSize
+        }
+        Object.assign(parameter, searchFormData.value)
+        const data = await ${classNameFirstLower}Api.${classNameFirstLower}Page(parameter)
+        dataPagingRef.value.complete(data?.records)
     }
-    loadData(true)
     onShow(() => {
-    	uni.$once('formBack', (data) => {
-            loadData(true)
-    	})
-    })
-    // 下拉刷新
-    onPullDownRefresh(() => {
-    	loadData(true)
-    })
-    // 上拉加载
-    onReachBottom(() => {
-    	loadData()
+        uni.$once('formBack', (data) => {
+            nextTick(() => {
+            	dataPagingRef.value.reload()
+            })
+        })
     })
     // 新增
     const add = () => {
-    	uni.navigateTo({
+        uni.navigateTo({
             url: '/pages/${moduleName}/${busName}/form'
-    	})
+        })
     }
     // 更多操作
     const moreRef = ref()
@@ -107,22 +91,9 @@
 </script>
 
 <style lang="scss" scoped>
-    .${busName}-list {}
-    .item {
-        background: #ffffff;
-        margin: 20rpx 0;
-        padding: 25rpx;
-        box-shadow: 0 1px 2px #ccc;
-        border-radius: 15rpx;
-        .item-left {
-            color: #999;
-            font-size: 26rpx;
-        }
-        .item-right {
-            font-size: 26rpx;
-        }
-    }
-    .item:hover {
-        box-shadow: 1upx 5upx 5upx #5677fc;
+    @import '@/static/scss/index.scss';
+    ::v-deep .uni-row {
+        @extend .snowy-flex-v-center;
+        padding: 5rpx;
     }
 </style>
diff --git a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/more.vue.btl b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/more.vue.btl
index eb2ec5da..e522b945 100644
--- a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/more.vue.btl
+++ b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/more.vue.btl
@@ -1,23 +1,22 @@
 <template>
-    <uv-popup ref="popRef" mode="bottom" bg-color="null" z-index="99">
-        <view class="container">
-            <tui-list-view unlined="all" background-color="transparent">
-                <tui-list-cell v-if="$snowy.hasPerm('mobile${className}Edit')" :hover="true" :arrow="false" @click="edit" :radius="10" >
-                    <view class="item"> 编辑 </view>
-                </tui-list-cell>
-                <tui-list-cell v-if="$snowy.hasPerm('mobile${className}Delete')" :hover="true" :arrow="false" @click="del" :radius="10" :margin-top="2">
-                    <view class="item"> 刪除 </view>
-                </tui-list-cell>
-                <tui-list-cell :hover="true" :arrow="false" @click="cancel" :margin-top="10" :radius="10">
-                    <view class="item"> 取消 </view>
-                </tui-list-cell>
-            </tui-list-view>
-        </view>
-    </uv-popup>
+    <uni-popup ref="popRef" type="bottom" background-color="transparent" maskBackgroundColor="rgba(0, 0, 0, 0.6)">
+        <tui-list-view unlined="all" background-color="transparent">
+            <tui-list-cell v-if="$snowy.hasPerm('mobile${className}Edit')" :hover="true" :arrow="false" @click="edit" :radius="10" >
+                <view class="snowy-text-center"> 编辑 </view>
+            </tui-list-cell>
+            <tui-list-cell v-if="$snowy.hasPerm('mobile${className}Delete')" :hover="true" :arrow="false" @click="del" :radius="10" :margin-top="2">
+                <view class="snowy-text-center"> 刪除 </view>
+            </tui-list-cell>
+            <tui-list-cell :hover="true" :arrow="false" @click="cancel" :margin-top="10" :radius="10">
+                <view class="snowy-text-center"> 取消 </view>
+            </tui-list-cell>
+        </tui-list-view>
+    </uni-popup>
 </template>
 <script setup name="${classNameFirstLower}More">
-    import { ${classNameFirstLower}Delete } from '@/api/${moduleName}/${classNameFirstLower}Api'
+    import ${classNameFirstLower}Api from '@/api/${moduleName}/${classNameLowerKebab}-api'
     import { reactive, ref, getCurrentInstance } from "vue"
+
     const emits = defineEmits(['handleOk'])
     const popRef = ref()
     const record = ref({})
@@ -30,33 +29,26 @@
     	uni.navigateTo({
             url: '/pages/${moduleName}/${busName}/form?id=' + record.value.id
     	})
-    	popupRef.value.close()
+    	popRef.value.close()
     }
     // 删除
     const del = () => {
     	uni.$snowy.modal.confirm(`确定要删除吗？`).then(() => {
-            ${classNameFirstLower}Delete([{
+            ${classNameFirstLower}Api.${classNameFirstLower}Delete([{
                 id: record.value.id
-            }]).then(res => {
+            }]).then(data => {
                 emits('handleOk')
-                popupRef.value.close()
+                popRef.value.close()
             })
     	})
     }
     // 取消
     const cancel = () => {
-    	popupRef.value.close()
+    	popRef.value.close()
     }
     defineExpose({
     	open
     })
 </script>
 <style lang="scss" scoped>
-    .container {
-        padding: 5upx;
-        background-color: transparent;
-        .item {
-            text-align: center;
-        }
-    }
 </style>
diff --git a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/page.json.btl b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/page.json.btl
index 6f5ba8e9..b867f778 100644
--- a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/page.json.btl
+++ b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/page.json.btl
@@ -5,7 +5,7 @@
     "path": "pages/${moduleName}/${busName}/index",
     "style": {
         "navigationBarTitleText": "${functionName}管理",
-        "enablePullDownRefresh": true,
+        "enablePullDownRefresh": false,
         //#ifdef H5
         "navigationStyle": "custom"
         //#endif
@@ -29,7 +29,7 @@
         "path": "index",
         "style": {
             "navigationBarTitleText": "${functionName}管理",
-            "enablePullDownRefresh": true,
+            "enablePullDownRefresh": false,
             //#ifdef H5
             "navigationStyle": "custom"
             //#endif
diff --git a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/search.vue.btl b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/search.vue.btl
index e1aef573..48737964 100644
--- a/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/search.vue.btl
+++ b/snowy-plugin/snowy-plugin-gen/src/main/resources/mobile/search.vue.btl
@@ -6,48 +6,56 @@
     <% for(var i = 0; i < configList.~size; i++) { %>
        <% if(!configList[i].needTableId && configList[i].needPage) { searchCount ++; }%>
     <% } %>
-    <uv-popup ref="popRef" mode="bottom" bg-color="null" z-index="99">
-        <view class="container">
-            <view class="close">
-                <icon type="clear" :size="20" color="#5677fc" @click="close"></icon>
+    <uni-popup ref="popRef" type="bottom" background-color="transparent" maskBackgroundColor="rgba(0, 0, 0, 0.6)">
+        <view class="snowy-shadow snowy-padding">
+            <view class="snowy-flex-end">
+            	<icon type="clear" :size="20" color="#5677fc" @click="close"></icon>
             </view>
             <% if (searchCount > 0) { %>
-            <uv-form ref="formRef" :model="searchFormState" label-position="top" labelWidth="auto" :labelStyle="{marginBottom: '25rpx', fontSize: '27rpx', color: '#606266'}">
+            <uni-forms ref="formRef" :model="searchFormData" label-position="top" labelWidth="auto">
                 <% for(var i = 0; i < configList.~size; i++) { %>
                 <% if(!configList[i].needTableId && configList[i].needPage) { %>
                 <% if(configList[i].effectType == 'input' || configList[i].effectType == 'textarea') { %>
-                <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}">
-                    <uv-input v-model="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uv-input>
-                </uv-form-item>
+                <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                    <uni-easyinput v-model="searchFormData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uni-easyinput>
+                </uni-forms-item>
                 <% } else if (configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
-                <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}">
-                    <snowy-sel-picker :map="{key: 'value', label: 'text'}" v-model="searchFormState.${configList[i].fieldNameCamelCase}" :rangeData="${configList[i].fieldNameCamelCase}Options" placeholder="请选择${configList[i].fieldRemark}"></snowy-sel-picker>
-                </uv-form-item>
+                <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                	<snowy-sel-picker :map="{key: 'value', label: 'text'}" v-model="searchFormData.${configList[i].fieldNameCamelCase}" :rangeData="${configList[i].fieldNameCamelCase}Options" placeholder="请选择${configList[i].fieldRemark}"></snowy-sel-picker>
+                </uni-forms-item>
+                <% } else if (configList[i].effectType == 'inputNumber' || configList[i].effectType == 'slider') {%>
+                <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                    <uni-number-box v-model="searchFormData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"/>
+                </uni-forms-item>
+                <% } else if (configList[i].effectType == 'datepicker') {%>
+                <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                    <uni-datetime-picker v-model="searchFormData.${configList[i].fieldNameCamelCase}" type="datetimerange"/>
+                </uni-forms-item>
                 <% } else {%>
-                <uv-form-item label="${configList[i].fieldRemark}" prop="${configList[i].fieldNameCamelCase}">
-                    <uv-input v-model="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uv-input>
-                </uv-form-item>
+                <uni-forms-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                    <uni-easyinput v-model="searchFormData.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}"></uni-easyinput>
+                </uni-forms-item>
                 <% } %>
                 <% } %>
                 <% } %>
-            </uv-form>
+            </uni-forms>
             <% } %>
-            <uv-row :gutter="10">
-                <uv-col :span="6">
+            <uni-row :gutter="10">
+                <uni-col :span="12">
                     <tui-button height="90rpx" type="gray" @click="reset">重置</tui-button>
-                </uv-col>
-                <uv-col :span="6">
+            	</uni-col>
+            	<uni-col :span="12">
                     <tui-button height="90rpx" type="primary" @click="confirm">确认</tui-button>
-                </uv-col>
-            </uv-row>
+            	</uni-col>
+            </uni-row>
         </view>
-    </uv-popup>
+    </uni-popup>
 </template>
 <script setup name="${classNameFirstLower}Search">
     import { ref } from "vue"
     const emits = defineEmits(['reset', 'confirm'])
     const props = defineProps({
-    	searchFormState: {
+    	searchFormData: {
             type: Object,
             required: true
     	},
@@ -61,7 +69,10 @@
     <% } %>
     <% } %>
     <% } %>
+
+    // 弹出ref
     const popRef = ref()
+    // 打开
     const open = () => {
     	popRef.value.open()
     }
@@ -69,31 +80,21 @@
         // 重置数据
         <% for(var i = 0; i < configList.~size; i++) { %>
         <% if(!configList[i].needTableId && configList[i].needPage) { %>
-        props.searchFormState.${configList[i].fieldNameCamelCase} = ''
+        props.searchFormData.${configList[i].fieldNameCamelCase} = ''
         <% } %>
         <% } %>
-    	emits('reset', props.searchFormState)
+    	emits('reset', props.searchFormData)
     }
     const confirm = () => {
     	popRef.value.close()
-    	emits('confirm', props.searchFormState)
+    	emits('confirm', props.searchFormData)
     }
     const close = () => {
-        popRef.value.close()
+    	popRef.value.close()
     }
     defineExpose({
     	open
     })
 </script>
 <style lang="scss" scoped>
-    .container {
-        margin: 5rpx;
-        border-radius: 10rpx;
-        padding: 20rpx;
-        background-color: white;
-        .close {
-            display: flex;
-            justify-content: flex-end;
-        }
-    }
 </style>