fix: bug修复 #6
| @ -57,8 +57,13 @@ | |||||||
|           class="pagination-container flex items-center justify-center mt-[15PX]" |           class="pagination-container flex items-center justify-center mt-[15PX]" | ||||||
|         > |         > | ||||||
|           <div class="pagination-info text-[#455363] mr-[15PX]"> |           <div class="pagination-info text-[#455363] mr-[15PX]"> | ||||||
|             Displaying {{ startIndex }} - {{ endIndex }} of |            {{ | ||||||
|             {{ state.total }} results |               t("financialinformation.quarterlyreports.pagination.displaying", { | ||||||
|  |                 start: (state.currentPage - 1) * state.pageSize + 1, | ||||||
|  |                 end: Math.min(state.currentPage * state.pageSize, state.total), | ||||||
|  |                 total: state.total, | ||||||
|  |               }) | ||||||
|  |             }} | ||||||
|           </div> |           </div> | ||||||
|           <n-pagination |           <n-pagination | ||||||
|             v-model:page="state.currentPage" |             v-model:page="state.currentPage" | ||||||
| @ -66,10 +71,15 @@ | |||||||
|             show-size-picker |             show-size-picker | ||||||
|             show-quick-jumper |             show-quick-jumper | ||||||
|             :item-count="state.total" |             :item-count="state.total" | ||||||
|             :page-sizes="[10, 25, 50]" |             :page-sizes="[ | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 10 }), value: 10 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 25 }), value: 25 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 50 }), value: 50 }, | ||||||
|  |             ]" | ||||||
|             @update:page="handlePageChange" |             @update:page="handlePageChange" | ||||||
|             @update:page-size="handlePageSizeChange" |             @update:page-size="handlePageSizeChange" | ||||||
|           > |           > | ||||||
|  |           <template #goto>{{ t("financialinformation.quarterlyreports.pagination.goto") }}</template> | ||||||
|             <!-- <template #prev> |             <!-- <template #prev> | ||||||
|             <span>‹ Previous</span> |             <span>‹ Previous</span> | ||||||
|           </template> |           </template> | ||||||
| @ -120,6 +130,7 @@ import { useI18n } from "vue-i18n"; | |||||||
| import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui"; | import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui"; | ||||||
| import fileLink from "@/assets/image/content/icon-link.png"; | import fileLink from "@/assets/image/content/icon-link.png"; | ||||||
| import { annualReport } from "@/api/auth"; | import { annualReport } from "@/api/auth"; | ||||||
|  | import dayjs from 'dayjs' | ||||||
| 
 | 
 | ||||||
| const state = reactive({ | const state = reactive({ | ||||||
|   currentPage: 1, |   currentPage: 1, | ||||||
| @ -172,7 +183,7 @@ const columns = [ | |||||||
|     }, |     }, | ||||||
|     render: (row) => { |     render: (row) => { | ||||||
|       return ( |       return ( | ||||||
|         <div style={{ borderRight: "1px dashed #E7E7E7" }}>{row.date}</div> |         <div style={{ borderRight: "1px dashed #E7E7E7" }}>{dayjs(row.date).format('MMMM D, YYYY')}</div> | ||||||
|       ); |       ); | ||||||
|     }, |     }, | ||||||
|   }, |   }, | ||||||
|  | |||||||
| @ -57,8 +57,13 @@ | |||||||
|           class="pagination-container flex items-center justify-center mt-[15PX]" |           class="pagination-container flex items-center justify-center mt-[15PX]" | ||||||
|         > |         > | ||||||
|           <div class="pagination-info text-[#455363] mr-[15PX]"> |           <div class="pagination-info text-[#455363] mr-[15PX]"> | ||||||
|             Displaying {{ startIndex }} - {{ endIndex }} of |             {{ | ||||||
|             {{ state.total }} results |               t("financialinformation.quarterlyreports.pagination.displaying", { | ||||||
|  |                 start: (state.currentPage - 1) * state.pageSize + 1, | ||||||
|  |                 end: Math.min(state.currentPage * state.pageSize, state.total), | ||||||
|  |                 total: state.total, | ||||||
|  |               }) | ||||||
|  |             }} | ||||||
|           </div> |           </div> | ||||||
|           <n-pagination |           <n-pagination | ||||||
|             v-model:page="state.currentPage" |             v-model:page="state.currentPage" | ||||||
| @ -66,10 +71,15 @@ | |||||||
|             show-size-picker |             show-size-picker | ||||||
|             show-quick-jumper |             show-quick-jumper | ||||||
|             :item-count="state.total" |             :item-count="state.total" | ||||||
|             :page-sizes="[10, 25, 50]" |             :page-sizes="[ | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 10 }), value: 10 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 25 }), value: 25 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 50 }), value: 50 }, | ||||||
|  |             ]" | ||||||
|             @update:page="handlePageChange" |             @update:page="handlePageChange" | ||||||
|             @update:page-size="handlePageSizeChange" |             @update:page-size="handlePageSizeChange" | ||||||
|           > |           > | ||||||
|  |           <template #goto>{{ t("financialinformation.quarterlyreports.pagination.goto") }}</template> | ||||||
|             <!-- <template #prev> |             <!-- <template #prev> | ||||||
|             <span>‹ Previous</span> |             <span>‹ Previous</span> | ||||||
|           </template> |           </template> | ||||||
| @ -120,6 +130,7 @@ import { useI18n } from "vue-i18n"; | |||||||
| import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui"; | import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui"; | ||||||
| import fileLink from "@/assets/image/content/icon-link.png"; | import fileLink from "@/assets/image/content/icon-link.png"; | ||||||
| import { annualReport } from "@/api/auth"; | import { annualReport } from "@/api/auth"; | ||||||
|  | import dayjs from 'dayjs' | ||||||
| 
 | 
 | ||||||
| const state = reactive({ | const state = reactive({ | ||||||
|   currentPage: 1, |   currentPage: 1, | ||||||
| @ -172,7 +183,7 @@ const columns = [ | |||||||
|     }, |     }, | ||||||
|     render: (row) => { |     render: (row) => { | ||||||
|       return ( |       return ( | ||||||
|         <div style={{ borderRight: "1px dashed #E7E7E7" }}>{row.date}</div> |         <div style={{ borderRight: "1px dashed #E7E7E7" }}>{dayjs(row.date).format('MMMM D, YYYY')}</div> | ||||||
|       ); |       ); | ||||||
|     }, |     }, | ||||||
|   }, |   }, | ||||||
|  | |||||||
| @ -62,11 +62,16 @@ | |||||||
|             show-size-picker |             show-size-picker | ||||||
|             show-quick-jumper |             show-quick-jumper | ||||||
|             :item-count="state.total" |             :item-count="state.total" | ||||||
|             :page-sizes="[10, 25, 50]" |             :page-sizes="[ | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 10 }), value: 10 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 25 }), value: 25 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 50 }), value: 50 }, | ||||||
|  |             ]" | ||||||
|             :page-slot="3" |             :page-slot="3" | ||||||
|             @update:page="handlePageChange" |             @update:page="handlePageChange" | ||||||
|             @update:page-size="handlePageSizeChange" |             @update:page-size="handlePageSizeChange" | ||||||
|           > |           > | ||||||
|  |           <template #goto>{{ t("financialinformation.quarterlyreports.pagination.goto") }}</template> | ||||||
|             <!-- <template #prev> |             <!-- <template #prev> | ||||||
|             <span>‹ Previous</span> |             <span>‹ Previous</span> | ||||||
|           </template> |           </template> | ||||||
| @ -75,8 +80,13 @@ | |||||||
|           </template> --> |           </template> --> | ||||||
|           </n-pagination> |           </n-pagination> | ||||||
|           <div class="pagination-info text-[#455363] mr-[15PX]"> |           <div class="pagination-info text-[#455363] mr-[15PX]"> | ||||||
|             Displaying {{ startIndex }} - {{ endIndex }} of |             {{ | ||||||
|             {{ state.total }} results |               t("financialinformation.quarterlyreports.pagination.displaying", { | ||||||
|  |                 start: (state.currentPage - 1) * state.pageSize + 1, | ||||||
|  |                 end: Math.min(state.currentPage * state.pageSize, state.total), | ||||||
|  |                 total: state.total, | ||||||
|  |               }) | ||||||
|  |             }} | ||||||
|           </div> |           </div> | ||||||
|         </div> |         </div> | ||||||
| 
 | 
 | ||||||
| @ -122,6 +132,7 @@ import { useI18n } from "vue-i18n"; | |||||||
| import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui"; | import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui"; | ||||||
| import fileLink from "@/assets/image/content/icon-link.png"; | import fileLink from "@/assets/image/content/icon-link.png"; | ||||||
| import { annualReport } from "@/api/auth"; | import { annualReport } from "@/api/auth"; | ||||||
|  | import dayjs from 'dayjs' | ||||||
| 
 | 
 | ||||||
| const state = reactive({ | const state = reactive({ | ||||||
|   currentPage: 1, |   currentPage: 1, | ||||||
| @ -175,7 +186,7 @@ const columns = [ | |||||||
|     }, |     }, | ||||||
|     render: (row) => { |     render: (row) => { | ||||||
|       return ( |       return ( | ||||||
|         <div style={{ borderRight: "1px dashed #E7E7E7" }}>{row.date}</div> |         <div style={{ borderRight: "1px dashed #E7E7E7" }}>{dayjs(row.date).format('MMMM D, YYYY')}</div> | ||||||
|       ); |       ); | ||||||
|     }, |     }, | ||||||
|   }, |   }, | ||||||
|  | |||||||
| @ -57,8 +57,13 @@ | |||||||
|           class="pagination-container flex items-center justify-center mt-[15PX]" |           class="pagination-container flex items-center justify-center mt-[15PX]" | ||||||
|         > |         > | ||||||
|           <div class="pagination-info text-[#455363] mr-[15PX]"> |           <div class="pagination-info text-[#455363] mr-[15PX]"> | ||||||
|             Displaying {{ startIndex }} - {{ endIndex }} of |             {{ | ||||||
|             {{ state.total }} results |               t("financialinformation.quarterlyreports.pagination.displaying", { | ||||||
|  |                 start: (state.currentPage - 1) * state.pageSize + 1, | ||||||
|  |                 end: Math.min(state.currentPage * state.pageSize, state.total), | ||||||
|  |                 total: state.total, | ||||||
|  |               }) | ||||||
|  |             }} | ||||||
|           </div> |           </div> | ||||||
|           <n-pagination |           <n-pagination | ||||||
|             v-model:page="state.currentPage" |             v-model:page="state.currentPage" | ||||||
| @ -66,10 +71,15 @@ | |||||||
|             show-size-picker |             show-size-picker | ||||||
|             show-quick-jumper |             show-quick-jumper | ||||||
|             :item-count="state.total" |             :item-count="state.total" | ||||||
|             :page-sizes="[10, 25, 50]" |             :page-sizes="[ | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 10 }), value: 10 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 25 }), value: 25 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 50 }), value: 50 }, | ||||||
|  |             ]" | ||||||
|             @update:page="handlePageChange" |             @update:page="handlePageChange" | ||||||
|             @update:page-size="handlePageSizeChange" |             @update:page-size="handlePageSizeChange" | ||||||
|           > |           > | ||||||
|  |           <template #goto>{{ t("financialinformation.quarterlyreports.pagination.goto") }}</template> | ||||||
|             <!-- <template #prev> |             <!-- <template #prev> | ||||||
|             <span>‹ Previous</span> |             <span>‹ Previous</span> | ||||||
|           </template> |           </template> | ||||||
| @ -120,6 +130,7 @@ import { useI18n } from "vue-i18n"; | |||||||
| import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui"; | import { NSelect, NDataTable, NPagination, NButton, NIcon } from "naive-ui"; | ||||||
| import fileLink from "@/assets/image/content/icon-link.png"; | import fileLink from "@/assets/image/content/icon-link.png"; | ||||||
| import { annualReport } from "@/api/auth"; | import { annualReport } from "@/api/auth"; | ||||||
|  | import dayjs from 'dayjs' | ||||||
| 
 | 
 | ||||||
| const state = reactive({ | const state = reactive({ | ||||||
|   currentPage: 1, |   currentPage: 1, | ||||||
| @ -172,7 +183,7 @@ const columns = [ | |||||||
|     }, |     }, | ||||||
|     render: (row) => { |     render: (row) => { | ||||||
|       return ( |       return ( | ||||||
|         <div style={{ borderRight: "1px dashed #E7E7E7" }}>{row.date}</div> |         <div style={{ borderRight: "1px dashed #E7E7E7" }}>{dayjs(row.date).format('MMMM D, YYYY')}</div> | ||||||
|       ); |       ); | ||||||
|     }, |     }, | ||||||
|   }, |   }, | ||||||
|  | |||||||
| @ -68,8 +68,13 @@ | |||||||
|         class="pagination-container flex items-center justify-center mt-[15PX]" |         class="pagination-container flex items-center justify-center mt-[15PX]" | ||||||
|       > |       > | ||||||
|         <div class="pagination-info text-[#455363] mr-[15PX]"> |         <div class="pagination-info text-[#455363] mr-[15PX]"> | ||||||
|           Displaying {{ startIndex }} - {{ endIndex }} of |           {{ | ||||||
|           {{ state.total }} results |             t("financialinformation.quarterlyreports.pagination.displaying", { | ||||||
|  |               start: (state.currentPage - 1) * state.pageSize + 1, | ||||||
|  |               end: Math.min(state.currentPage * state.pageSize, state.total), | ||||||
|  |               total: state.total, | ||||||
|  |             }) | ||||||
|  |           }} | ||||||
|         </div> |         </div> | ||||||
|         <n-pagination |         <n-pagination | ||||||
|           v-model:page="state.currentPage" |           v-model:page="state.currentPage" | ||||||
| @ -77,10 +82,15 @@ | |||||||
|           show-size-picker |           show-size-picker | ||||||
|           show-quick-jumper |           show-quick-jumper | ||||||
|           :item-count="state.total" |           :item-count="state.total" | ||||||
|           :page-sizes="[10, 25, 50]" |           :page-sizes="[ | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 10 }), value: 10 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 25 }), value: 25 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 50 }), value: 50 }, | ||||||
|  |             ]" | ||||||
|           @update:page="handlePageChange" |           @update:page="handlePageChange" | ||||||
|           @update:page-size="handlePageSizeChange" |           @update:page-size="handlePageSizeChange" | ||||||
|         > |         > | ||||||
|  |           <template #goto>{{ t("financialinformation.quarterlyreports.pagination.goto") }}</template> | ||||||
|           <!-- <template #prev> |           <!-- <template #prev> | ||||||
|             <span>‹ Previous</span> |             <span>‹ Previous</span> | ||||||
|           </template> |           </template> | ||||||
|  | |||||||
| @ -68,8 +68,13 @@ | |||||||
|         class="pagination-container flex items-center justify-center mt-[15PX]" |         class="pagination-container flex items-center justify-center mt-[15PX]" | ||||||
|       > |       > | ||||||
|         <div class="pagination-info text-[#455363] mr-[15PX]"> |         <div class="pagination-info text-[#455363] mr-[15PX]"> | ||||||
|           Displaying {{ startIndex }} - {{ endIndex }} of |           {{ | ||||||
|           {{ state.total }} results |             t("financialinformation.quarterlyreports.pagination.displaying", { | ||||||
|  |               start: (state.currentPage - 1) * state.pageSize + 1, | ||||||
|  |               end: Math.min(state.currentPage * state.pageSize, state.total), | ||||||
|  |               total: state.total, | ||||||
|  |             }) | ||||||
|  |           }} | ||||||
|         </div> |         </div> | ||||||
|         <n-pagination |         <n-pagination | ||||||
|           v-model:page="state.currentPage" |           v-model:page="state.currentPage" | ||||||
| @ -77,10 +82,15 @@ | |||||||
|           show-size-picker |           show-size-picker | ||||||
|           show-quick-jumper |           show-quick-jumper | ||||||
|           :item-count="state.total" |           :item-count="state.total" | ||||||
|           :page-sizes="[10, 25, 50]" |           :page-sizes="[ | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 10 }), value: 10 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 25 }), value: 25 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 50 }), value: 50 }, | ||||||
|  |           ]" | ||||||
|           @update:page="handlePageChange" |           @update:page="handlePageChange" | ||||||
|           @update:page-size="handlePageSizeChange" |           @update:page-size="handlePageSizeChange" | ||||||
|         > |         > | ||||||
|  |           <template #goto>{{ t("financialinformation.quarterlyreports.pagination.goto") }}</template> | ||||||
|           <!-- <template #prev> |           <!-- <template #prev> | ||||||
|             <span>‹ Previous</span> |             <span>‹ Previous</span> | ||||||
|           </template> |           </template> | ||||||
|  | |||||||
| @ -75,12 +75,15 @@ | |||||||
|           v-model:page-size="state.pageSize" |           v-model:page-size="state.pageSize" | ||||||
|           show-size-picker |           show-size-picker | ||||||
|           :item-count="state.total" |           :item-count="state.total" | ||||||
|           :page-sizes="[10, 25, 50]" |           :page-sizes="[ | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 10 }), value: 10 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 25 }), value: 25 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 50 }), value: 50 }, | ||||||
|  |           ]" | ||||||
|           :page-slot="3" |           :page-slot="3" | ||||||
|           @update:page="handlePageChange" |           @update:page="handlePageChange" | ||||||
|           @update:page-size="handlePageSizeChange" |           @update:page-size="handlePageSizeChange" | ||||||
|         > |         > | ||||||
|        |  | ||||||
|           <!-- <template #prev> |           <!-- <template #prev> | ||||||
|             <span>‹ Previous</span> |             <span>‹ Previous</span> | ||||||
|           </template> |           </template> | ||||||
| @ -89,8 +92,13 @@ | |||||||
|           </template> --> |           </template> --> | ||||||
|         </n-pagination> |         </n-pagination> | ||||||
|         <div class="pagination-info text-[#455363] mr-[15PX] mt-[10PX]"> |         <div class="pagination-info text-[#455363] mr-[15PX] mt-[10PX]"> | ||||||
|           Displaying {{ startIndex }} - {{ endIndex }} of |           {{ | ||||||
|           {{ state.total }} results |             t("financialinformation.quarterlyreports.pagination.displaying", { | ||||||
|  |               start: (state.currentPage - 1) * state.pageSize + 1, | ||||||
|  |               end: Math.min(state.currentPage * state.pageSize, state.total), | ||||||
|  |               total: state.total, | ||||||
|  |             }) | ||||||
|  |           }} | ||||||
|         </div> |         </div> | ||||||
|       </div> |       </div> | ||||||
|     </div> |     </div> | ||||||
|  | |||||||
| @ -73,11 +73,15 @@ | |||||||
|           show-size-picker |           show-size-picker | ||||||
|           show-quick-jumper |           show-quick-jumper | ||||||
|           :item-count="state.total" |           :item-count="state.total" | ||||||
|           :page-sizes="[10, 25, 50]" |           :page-sizes="[ | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 10 }), value: 10 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 25 }), value: 25 }, | ||||||
|  |               { label: t('historic_stock.pagination.perPage', { size: 50 }), value: 50 }, | ||||||
|  |           ]" | ||||||
|           @update:page="handlePageChange" |           @update:page="handlePageChange" | ||||||
|           @update:page-size="handlePageSizeChange" |           @update:page-size="handlePageSizeChange" | ||||||
|         > |         > | ||||||
|        |           <template #goto>{{ t("financialinformation.quarterlyreports.pagination.goto") }}</template> | ||||||
|           <!-- <template #prev> |           <!-- <template #prev> | ||||||
|             <span>‹ Previous</span> |             <span>‹ Previous</span> | ||||||
|           </template> |           </template> | ||||||
| @ -86,8 +90,13 @@ | |||||||
|           </template> --> |           </template> --> | ||||||
|         </n-pagination> |         </n-pagination> | ||||||
|         <div class="pagination-info text-[#455363] mr-[15PX] mt-[10PX]"> |         <div class="pagination-info text-[#455363] mr-[15PX] mt-[10PX]"> | ||||||
|           Displaying {{ startIndex }} - {{ endIndex }} of |           {{ | ||||||
|           {{ state.total }} results |             t("financialinformation.quarterlyreports.pagination.displaying", { | ||||||
|  |               start: (state.currentPage - 1) * state.pageSize + 1, | ||||||
|  |               end: Math.min(state.currentPage * state.pageSize, state.total), | ||||||
|  |               total: state.total, | ||||||
|  |             }) | ||||||
|  |           }} | ||||||
|         </div> |         </div> | ||||||
|       </div> |       </div> | ||||||
|     </div> |     </div> | ||||||
|  | |||||||
| @ -54,18 +54,18 @@ | |||||||
|                   v-if="leader.image" |                   v-if="leader.image" | ||||||
|                   :src="leader.image" |                   :src="leader.image" | ||||||
|                   alt="" |                   alt="" | ||||||
|                   class="w-[58PX] h-[58PX] rounded-[50%] ml-[12PX]" |                   class="w-[58PX] h-[58PX] flex-shrink-0 rounded-[50%]" | ||||||
|                 /> |                 /> | ||||||
|                 <div |                 <div | ||||||
|                   v-else |                   v-else | ||||||
|                   class="w-[58PX] h-[58PX] rounded-[50%] bg-[#FF7BAC] text-[#fff] flex justify-center items-center text-[20PX] font-600" |                   class="w-[58PX] h-[58PX] rounded-[50%] flex-shrink-0 bg-[#FF7BAC] text-[#fff] flex justify-center items-center text-[20PX] font-600" | ||||||
|                 > |                 > | ||||||
|                   {{ getInitials(leader.name) }} |                   {{ getInitials(leader.name) }} | ||||||
|                   <!-- {{ getInitials(leader.name) }} --> |                   <!-- {{ getInitials(leader.name) }} --> | ||||||
|                 </div> |                 </div> | ||||||
| 
 | 
 | ||||||
|                 <div class="flex flex-col justify-between ml-[12PX]"> |                 <div class="flex flex-col justify-between ml-[12PX]"> | ||||||
|                   <h2 class="my-0">{{ leader.name }}</h2> |                   <h2 class="my-0 text-[24PX] font-600">{{ leader.name }}</h2> | ||||||
|                   <div class="text-[#FF7BAC] text-[16PX]"> |                   <div class="text-[#FF7BAC] text-[16PX]"> | ||||||
|                     <!-- {{ leader.position }} --> |                     <!-- {{ leader.position }} --> | ||||||
|                     {{ leader.brief }} |                     {{ leader.brief }} | ||||||
| @ -77,7 +77,7 @@ | |||||||
|             <!-- 卡片下半部 --> |             <!-- 卡片下半部 --> | ||||||
|             <div> |             <div> | ||||||
|               <div class="content-section"> |               <div class="content-section"> | ||||||
|                 <p> |                 <p class="!text-[16PX]"> | ||||||
|                   {{ leader.introduction }} |                   {{ leader.introduction }} | ||||||
|                 </p> |                 </p> | ||||||
|               </div> |               </div> | ||||||
|  | |||||||
| @ -1,3 +1,4 @@ | |||||||
|  | 
 | ||||||
| <template> | <template> | ||||||
|   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> |   <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]"> | ||||||
|     <div |     <div | ||||||
| @ -54,18 +55,18 @@ | |||||||
|                   v-if="leader.image" |                   v-if="leader.image" | ||||||
|                   :src="leader.image" |                   :src="leader.image" | ||||||
|                   alt="" |                   alt="" | ||||||
|                   class="w-[58PX] h-[58PX] rounded-[50%] ml-[12PX]" |                   class="w-[58PX] h-[58PX] flex-shrink-0 rounded-[50%]" | ||||||
|                 /> |                 /> | ||||||
|                 <div |                 <div | ||||||
|                   v-else |                   v-else | ||||||
|                   class="w-[58PX] h-[58PX] rounded-[50%] bg-[#FF7BAC] text-[#fff] flex justify-center items-center text-[20PX] font-600" |                   class="w-[58PX] h-[58PX] flex-shrink-0 rounded-[50%] bg-[#FF7BAC] text-[#fff] flex justify-center items-center text-[20PX] font-600" | ||||||
|                 > |                 > | ||||||
|                   {{ getInitials(leader.name) }} |                   {{ getInitials(leader.name) }} | ||||||
|                   <!-- {{ getInitials(leader.name) }} --> |                   <!-- {{ getInitials(leader.name) }} --> | ||||||
|                 </div> |                 </div> | ||||||
| 
 | 
 | ||||||
|                 <div class="flex flex-col justify-between ml-[12PX]"> |                 <div class="flex flex-col justify-between ml-[12PX]"> | ||||||
|                   <h2 class="my-0">{{ leader.name }}</h2> |                   <h2 class="my-0 text-[24PX] font-600">{{ leader.name }}</h2> | ||||||
|                   <div class="text-[#FF7BAC] text-[16PX]"> |                   <div class="text-[#FF7BAC] text-[16PX]"> | ||||||
|                     <!-- {{ leader.position }} --> |                     <!-- {{ leader.position }} --> | ||||||
|                     {{ leader.brief }} |                     {{ leader.brief }} | ||||||
| @ -77,7 +78,7 @@ | |||||||
|             <!-- 卡片下半部 --> |             <!-- 卡片下半部 --> | ||||||
|             <div> |             <div> | ||||||
|               <div class="content-section"> |               <div class="content-section"> | ||||||
|                 <p> |                 <p class="!text-[16PX]"> | ||||||
|                   {{ leader.introduction }} |                   {{ leader.introduction }} | ||||||
|                 </p> |                 </p> | ||||||
|               </div> |               </div> | ||||||
|  | |||||||
| @ -55,18 +55,18 @@ | |||||||
|                   v-if="leader.image" |                   v-if="leader.image" | ||||||
|                   :src="leader.image" |                   :src="leader.image" | ||||||
|                   alt="" |                   alt="" | ||||||
|                   class="w-[58PX] h-[58PX] rounded-[50%] ml-[12PX]" |                   class="w-[58PX] h-[58PX] flex-shrink-0 rounded-[50%]" | ||||||
|                 /> |                 /> | ||||||
|                 <div |                 <div | ||||||
|                   v-else |                   v-else | ||||||
|                   class="w-[58PX] h-[58PX] rounded-[50%] bg-[#FF7BAC] text-[#fff] flex justify-center items-center text-[20PX] font-600" |                   class="w-[58PX] h-[58PX] flex-shrink-0 rounded-[50%] bg-[#FF7BAC] text-[#fff] flex justify-center items-center text-[20PX] font-600" | ||||||
|                 > |                 > | ||||||
|                   {{ getInitials(leader.name) }} |                   {{ getInitials(leader.name) }} | ||||||
|                   <!-- {{ getInitials(leader.name) }} --> |                   <!-- {{ getInitials(leader.name) }} --> | ||||||
|                 </div> |                 </div> | ||||||
|                 <div class="flex flex-col justify-between ml-[12PX]"> |                 <div class="flex flex-col justify-between ml-[12PX]"> | ||||||
|                   <h2 class="my-0">{{ leader.name }}</h2> |                   <h2 class="my-0 text-[20PX] font-600">{{ leader.name }}</h2> | ||||||
|                   <div class="text-[#FF7BAC] text-[16PX]"> |                   <div class="text-[#FF7BAC] text-[14PX]"> | ||||||
|                     <!-- {{ leader.position }} --> |                     <!-- {{ leader.position }} --> | ||||||
|                     {{ leader.brief }} |                     {{ leader.brief }} | ||||||
|                   </div> |                   </div> | ||||||
| @ -77,7 +77,7 @@ | |||||||
|             <!-- 卡片下半部 --> |             <!-- 卡片下半部 --> | ||||||
|             <div> |             <div> | ||||||
|               <div class="content-section"> |               <div class="content-section"> | ||||||
|                 <p> |                 <p class="!text-[14PX]"> | ||||||
|                   {{ leader.introduction }} |                   {{ leader.introduction }} | ||||||
|                 </p> |                 </p> | ||||||
|               </div> |               </div> | ||||||
|  | |||||||
| @ -55,18 +55,18 @@ | |||||||
|                   v-if="leader.image" |                   v-if="leader.image" | ||||||
|                   :src="leader.image" |                   :src="leader.image" | ||||||
|                   alt="" |                   alt="" | ||||||
|                   class="w-[58PX] h-[58PX] rounded-[50%] ml-[12PX]" |                   class="w-[58PX] h-[58PX] rounded-[50%]" | ||||||
|                 /> |                 /> | ||||||
|                 <div |                 <div | ||||||
|                   v-else |                   v-else | ||||||
|                   class="w-[58PX] h-[58PX] rounded-[50%] bg-[#FF7BAC] text-[#fff] flex justify-center items-center text-[20PX] font-600" |                   class="w-[58PX] h-[58PX] rounded-[50%] flex-shrink-0 bg-[#FF7BAC] text-[#fff] flex justify-center items-center text-[20PX] font-600" | ||||||
|                 > |                 > | ||||||
|                   {{ getInitials(leader.name) }} |                   {{ getInitials(leader.name) }} | ||||||
|                   <!-- {{ getInitials(leader.name) }} --> |                   <!-- {{ getInitials(leader.name) }} --> | ||||||
|                 </div> |                 </div> | ||||||
|                 <div class="flex flex-col justify-between ml-[12PX]"> |                 <div class="flex flex-col justify-between ml-[12PX]"> | ||||||
|                   <h2 class="my-0">{{ leader.name }}</h2> |                   <h2 class="my-0 text-[22PX] font-600">{{ leader.name }}</h2> | ||||||
|                   <div class="text-[#FF7BAC] text-[16PX]"> |                   <div class="text-[#FF7BAC] text-[14PX]"> | ||||||
|                     <!-- {{ leader.position }} --> |                     <!-- {{ leader.position }} --> | ||||||
|                     {{ leader.brief }} |                     {{ leader.brief }} | ||||||
|                   </div> |                   </div> | ||||||
| @ -77,7 +77,7 @@ | |||||||
|             <!-- 卡片下半部 --> |             <!-- 卡片下半部 --> | ||||||
|             <div> |             <div> | ||||||
|               <div class="content-section"> |               <div class="content-section"> | ||||||
|                 <p> |                 <p class="!text-[14PX]"> | ||||||
|                   {{ leader.introduction }} |                   {{ leader.introduction }} | ||||||
|                 </p> |                 </p> | ||||||
|               </div> |               </div> | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user