调整年级班级选择

src/pages/components/NjBjPicker/index.vue

@@ -1,22 +1,25 @@
 <template>
   <picker mode="multiSelector" :range="njBjRange" :value="curIndex" @change="onMultiChange"
     @columnchange="onColumnChange">
-    <view class="picker-item">
+    <view class="picker-item" :style="customStyle">
       <text>{{ curNjBjLabel || "选择班级" }}</text>
-      <uni-icons type="bottom" size="14" color="#666"></uni-icons>
+      <uni-icons :type="iconArrow" size="14" color="#666"></uni-icons>
     </view>
   </picker>
 </template>
 
 <script lang="ts" setup>
 import { findAllNjBjTreeApi } from "@/api/base/server";
-import { on } from "events";
 
 // 接收外部传入属性并设置默认值
 const props = withDefaults(defineProps<{
-  defaultValue: any
+  defaultValue: any,
+  customStyle: any,
+  iconArrow: string
 }>(), {
-  defaultValue: []
+  defaultValue: [],
+  customStyle: {},
+  iconArrow: "bottom"
 });
 
 // 定义一个上级传入的emit响应事件用于接收数据变更

src/pages/view/homeSchool/BanJiKeBiao.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="schedule-page">
     <view class="bj-picker">
-      <NjBjPicker @change="changeNjBj" />
+      <NjBjPicker @change="changeNjBj" icon-arrow="right" :customStyle="{ backgroundColor: '#fff', borderRadius: '0', padding: '12px 15px' }" />
     </view>
     <view class="week-selector" @click="openWeekPicker">
       <text>{{ curZc.mc }}</text>