解决构建报错问题

src/views/basic/basicclass/index.vue

@@ -284,7 +284,6 @@ import { downBlobFile, adaptationUrl } from "/@/utils/other";
 import TableColumnControl from '/@/components/TableColumnControl/index.vue'
 import { List, OfficeBuilding, Grid, Document, UserFilled, Phone, User, Lock, CircleCheck, TrendCharts, Setting, Menu, Search } from '@element-plus/icons-vue'
 import { useTableColumnControl } from '/@/hooks/tableColumn'
-import '/@/styles/modern-page.scss'
 import { defineAsyncComponent as defineStatusTag } from 'vue'
 const StatusTag = defineStatusTag(() => import('/@/components/StatusTag/index.vue'))
 
@@ -529,3 +528,7 @@ onMounted(() => {
   getClassListData()
 })
 </script>
+
+<style scoped lang="scss">
+@import '/@/assets/styles/modern-page.scss';
+</style>

src/views/basic/basicstudent/index.vue

@@ -139,7 +139,7 @@
             <el-button icon="Refresh" @click="handleReset">重置</el-button>
           </el-form-item>
         </el-form>
-      </el-row>
+      </el-card>
 
       <!-- 操作按钮 -->
       <el-row>
@@ -169,7 +169,7 @@
             icon="Picture" 
             type="info" 
             class="ml10" 
-            @click="handleExportAvatar">
+            @click="handleExportAvatar">  
             导出头像
           </el-button>
           <el-button 

src/views/basic/basicstudentavatar/index.vue

@@ -139,7 +139,6 @@ import { getClassListByRole } from "/@/api/basic/basicclass";
 import TableColumnControl from '/@/components/TableColumnControl/index.vue'
 import { Picture, List, Document, UserFilled, Grid, Menu, Search } from '@element-plus/icons-vue'
 import { useTableColumnControl } from '/@/hooks/tableColumn'
-import '/@/styles/modern-page.scss'
 
 // 定义变量内容
 const route = useRoute()
@@ -256,6 +255,8 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
+@import '/@/assets/styles/modern-page.scss';
+
 .image-slot {
   display: flex;
   justify-content: center;