From fbfdd719817dc79e1a9332a641f95cdfcd0eca32 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期五, 14 二月 2025 15:07:18 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/components/curriculumView.vue | 114 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 114 insertions(+), 0 deletions(-) diff --git a/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/components/curriculumView.vue b/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/components/curriculumView.vue new file mode 100644 index 0000000..fb3ea33 --- /dev/null +++ b/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/components/curriculumView.vue @@ -0,0 +1,114 @@ +<template> + <ContentScrollView> + <Cell :show-title="false"> + <CellChunk title="姹傝亴鎰忓悜"> + <div class="curriculum-list"> + <CurriculumViewItem label="鏈熸湜宀椾綅锛�"> + <div class="curriculum-position-list"> + <div class="curriculum-position-list-item">瀹㈡埧鏈嶅姟鍛�</div> + <div class="curriculum-position-list-item">瀹㈡埧鏈嶅姟鍛�</div> + <div class="curriculum-position-list-item">瀹㈡埧鏈嶅姟鍛�</div> + <div class="curriculum-position-list-item">瀹㈡埧鏈嶅姟鍛�</div> + <div class="curriculum-position-list-item">瀹㈡埧鍛�</div> + <div class="curriculum-position-list-item">瀹㈡埧鏈嶅姟鍛�</div> + <div class="curriculum-position-list-item">瀹㈡埧鏈嶅姟鍛�</div> + <div class="curriculum-position-list-item">瀹㈡埧鏈嶅姟鍛�</div> + </div> + </CurriculumViewItem> + <CurriculumViewItem label="绌洪棽鏃堕棿锛�" text="涓嶉檺"> </CurriculumViewItem> + <CurriculumViewItem label="姹傝亴鐘舵�侊細" text="绉瀬鎵惧伐浣�"> </CurriculumViewItem> + </div> + </CellChunk> + <CellChunk title="璧勬牸璇佷功"> + <nut-grid + square + :column-num="3" + :border="false" + :gutter="20" + v-if="list.length > 0" + class="pro-img-grid" + > + <nut-grid-item v-for="(item, index) in list" :key="item" class="pro-img-grid-item"> + <div class="pro-img-grid-img-item"> + <PreviewImage :src="item" class="pro-img-grid-img" :urls="list" /> + </div> + </nut-grid-item> + </nut-grid> + </CellChunk> + <CellChunk title="宸ヤ綔缁忛獙"> + <CurriculumViewItem label="宸ヤ綔骞撮檺锛�" text="鏃犲伐浣滅粡楠岋紝鐢ㄦ埛鑷繁濉啓"> + </CurriculumViewItem> + <CurriculumViewItem label="宸ヤ綔缁忛獙锛�" text="瀹㈡埧鏈嶅姟鍛橈紝鐢ㄦ埛鑷繁濉啓"> + </CurriculumViewItem> + </CellChunk> + <CellChunk title="璇︾粏淇℃伅"> + <CurriculumViewItem + label="韬珮锛�" + text="175 cm" + :label-width="labelWidth" + ></CurriculumViewItem> + <CurriculumViewItem + label="浣撻噸锛�" + text="80 kg" + :label-width="labelWidth" + ></CurriculumViewItem> + <CurriculumViewItem label="涓汉鐓х墖锛�"> + <nut-grid + square + :column-num="2" + :border="false" + :gutter="20" + v-if="list.length > 0" + class="pro-img-grid" + > + <nut-grid-item v-for="(item, index) in list" :key="item" class="pro-img-grid-item"> + <div class="pro-img-grid-img-item"> + <PreviewImage :src="item" class="pro-img-grid-img" :urls="list" /> + </div> + </nut-grid-item> + </nut-grid> + </CurriculumViewItem> + </CellChunk> + </Cell> + </ContentScrollView> +</template> + +<script setup lang="ts"> +import CurriculumViewItem from './CurriculumViewItem.vue'; +import { PreviewImage } from '@12333/components'; +import Taro from '@tarojs/taro'; + +defineOptions({ + name: 'curriculumView', +}); + +const labelWidth = Taro.pxTransform(120); + +const list = ref([ + 'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg', + 'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg', + 'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg', + 'https://storage.360buyimg.com/jdc-article/fristfabu.jpg', +]); +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.flexJobDetail-page-wrapper { + .curriculum-position-list { + width: 100%; + display: flex; + flex-wrap: wrap; + column-gap: 24px; + row-gap: 16px; + + .curriculum-position-list-item { + font-weight: 500; + font-size: 24px; + color: boleGetCssVar('color', 'warning'); + line-height: 36px; + } + } +} +</style> -- Gitblit v1.9.1