Browse Source

样式调整

Xiao_123 1 month ago
parent
commit
23f2459ac0
2 changed files with 28 additions and 60 deletions
  1. 20 50
      pagesA/chart/index.vue
  2. 8 10
      pagesB/jobFair/enterprisesClassification.vue

+ 20 - 50
pagesA/chart/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="box">
+  <view class="box defaultBgc">
     <view class="box-top">
       <view class="box-top-title">
         {{ info.name }}
@@ -9,32 +9,6 @@
           {{ formatName(info.enterpriseName) }}
         </text>
       </view>
-      <!-- <view class="box-top-content" v-if="interview.length">
-        <view v-for="val in interview" :key="val.id" class="color-666">
-          <view class="box-top-content-t">
-            <view class="font-weight-bold color-primary">
-              <text>{{ val.job.name }}</text>
-              <text v-if="!val.job.payFrom && !val.job.payTo" class="ml-3">面议</text>
-              <text v-else class="ml-3">{{ val.job.payFrom ? val.job.payFrom + '-' : '' }}{{ val.job.payTo }}</text>
-            </view>
-            <view :style="`color: ${val.statusColor};`" >
-              {{ val.statusText }}
-            </view>
-          </view>
-          <view class="mt-1 font-size-14 ellipsis" style="max-width: 100%;">
-            <view class="py-1">面试时间:{{ timesTampChange(val.time, 'Y-M-D h:m') }}</view>
-            <view class="py-1">面试地点:{{ val.address }}</view>
-            <view class="py-1">联系电话:{{ val.invitePhone }}</view>
-          </view>
-          <view class="bottom">
-            <view class="tipsText" @click="handleToCenter">在“个人中心-面试”中管理我的面试</view>
-            <view v-if="val.status === '0'" class="btnBox">
-              <button size="mini" type="warn" @click="handleRefuse(val)">拒绝邀请</button>
-              <button size="mini" type="primary" @click="handleAgree(val)">接受邀请</button>
-            </view>
-          </view>
-        </view>
-      </view> -->
       <uni-notice-bar v-if="hasWaitingProcessingInterview" show-get-more single text="您有待处理的面试邀请,点击查看详情" @click="handleToCenter"/>
     </view>
       <!-- newsId 需要和聊天列表里面的id对应 永远取最后列表中的最后一个就可以做到发送消息即时滚动到底部 -->
@@ -43,12 +17,9 @@
           <text @click="handleMore">查看更多</text>
         </view>
         <view v-for="(val, index) in items" :key="val.id" :id="'s'+val.id+index">
-          <view class="box-main-time">{{ timesTampChange(+(val.timestamp.padEnd(13, '0'))) }}</view>
+          <view class="box-main-time MiSans-Normal">{{ timesTampChange(+(val.timestamp.padEnd(13, '0'))) }}</view>
           <template v-if="val.payload?.type === 102">
             <view class="jobCard">
-              <!-- <view style="display: flex;">
-                <image v-if="info.jobFairId" src="/static/svg/jobFair.svg" class=" ss-m-r-10" style="width: 20px; height: 20px;"></image>
-              </view> -->
               <view class="jobCard-title"> {{ formatName(val.payload?.content?.positionInfo?.name) }}</view>
               <view
                 v-if="!val.payload?.content?.positionInfo?.payFrom && !val.payload?.content?.positionInfo?.payTo"
@@ -67,7 +38,6 @@
                 <view
                   v-for="(v, i) in (val.payload?.content?.positionInfo?.enterprise?.welfareList || [])"
                   :key="val.message_id + v + i"
-                  style="margin: 10rpx"
                 >
                   <uni-tag
                     :text="v"
@@ -103,7 +73,11 @@
             </view>
             <!-- 显示沟通职位 -->
             <template v-if="val.payload?.type === 102">              
-              <view class="message-text" :class="val.from_uid === IM.uid ? 'active' : ''">
+              <view class="message-text" 
+                :class="val.from_uid === IM.uid ? 'active' : ''"
+                :style="{'border-radius': val.from_uid === IM.uid ? '20rpx 20rpx 9rpx 20rpx' : '20rpx 20rpx 20rpx 9rpx'}"
+                style="background-color: #00B760; color: #fff;"
+              >
                 {{ val.payload?.content.text }}
               </view>
             </template>
@@ -128,23 +102,26 @@
                 class="message-text card"
               >
                 <view class="text-left">
-                  <text v-if="val.payload.content?.type === 1">{{
+                  <text class="MiSans-Normal" v-if="val.payload.content?.type === 1">{{
                     val.payload.content?.query?.title || '附件简历' }}
                   </text>
-                  <text v-if="val.payload.content?.type === 2">
+                  <text class="MiSans-Normal" v-if="val.payload.content?.type === 2">
                     我想要一份您的简历,您是否同意
                   </text>
                 </view>
                 <view class="btn-actions">
-                  <text class="btn" v-if="val.payload.content?.type === 1" @tap="handlePreview(val.payload)">点击预览附件简历</text>
-                  <text class="btn" v-if="val.payload.content?.type === 2" @tap="handleFindResume">点击发送附件简历</text>
+                  <text class="btn MiSans-Normal" v-if="val.payload.content?.type === 1" @tap="handlePreview(val.payload)">点击预览附件简历</text>
+                  <text class="btn MiSans-Normal" v-if="val.payload.content?.type === 2" @tap="handleFindResume">点击发送附件简历</text>
                 </view>
               </view>
             </view>
             <view v-else-if="val.payload.type === -1" class="message-text" :class="{ active: val.from_uid === IM.uid}">
               {{ val.payload?.content?.text }}
             </view>
-            <view v-else class="message-text" :class="{ active: val.from_uid === IM.uid}">
+            <view v-else class="message-text" :class="{ active: val.from_uid === IM.uid}" 
+              :style="{'border-radius': val.from_uid === IM.uid ? '20rpx 20rpx 9rpx 20rpx' : '20rpx 20rpx 20rpx 9rpx'}"
+              style="background-color: #00B760; color: #fff;"
+            >
               {{ val.payload?.content }}
             </view>
           </view>
@@ -154,8 +131,6 @@
     <view class="box-bottom" v-if="channelItem?.channelID !== 'system'">
       <view class="box-bottom-tool" style="display: flex; justify-content: space-between;">
         <text class="toolBtn" :class="{ disabled: !isSendResume }" @tap="handleFindResume">{{ isSendResume ? '简历已投递' : '发送简历' }}</text>
-        <!-- <uni-tag :text="isSendResume ? '简历已投递' : '发送简历'" :disabled="isSendResume" type="success" @tap="handleFindResume"/> -->
-        <!-- <uni-tag text="发 送" type="success" @tap="handleSend"/> -->
       </view>
       
       <view class="d-flex align-end textBox" v-if="channelItem?.channelID !== 'system'">
@@ -168,14 +143,14 @@
           auto-height
           @confirm="handleSend"
         />
-        <text class="submitBtn" @tap="handleSend">发 送</text>
+        <text class="submitBtn MiSans-Medium" @tap="handleSend">发 送</text>
       </view>
     </view>
 
     <uni-popup ref="positionPopup" background-color="#fff">
       <view style="max-width: 85vw;">
         <view class="popup-title" style="min-width: 260px;">
-          <text>请选择要投递的职位</text>
+          <text class="MiSans-Normal">请选择要投递的职位</text>
           <uni-icons type="closeempty" size="20" @tap="positionPopupClose"></uni-icons>
         </view>
         <view v-for="job in entPositionList" :key="job.value" class="popup-content" @tap="selectJobId = job.value">
@@ -823,11 +798,11 @@ onLoad(async (options) => {
     }
     .jobCard {
       padding: 30rpx;
-      background: #E2F2F0;
-      color: #009688 ;
+      background: #fbfbfb;
       margin-top: 20rpx;
       max-width: unset;
       margin-right: 0;
+      border-radius: 20rpx;
       &-title {
         font-size: 1.2em;
       }
@@ -835,12 +810,6 @@ onLoad(async (options) => {
         padding: 10rpx 0;
         // font-size: .5em;
       }
-      &-divider {
-        width: 100%;
-        height: 2rpx;
-        margin: 20rpx 0;
-        background: #ddd;
-      }
       &-tag {
         display: flex;
         flex-wrap: wrap;
@@ -875,6 +844,7 @@ onLoad(async (options) => {
         border-radius: 12rpx;
         max-width: 75%;
         padding: 20rpx;
+        font-family: MiSans-Normal;
         &.active {
           background: #d5e6e8;
         }

+ 8 - 10
pagesB/jobFair/enterprisesClassification.vue

@@ -17,7 +17,7 @@
               @clear="query.keyword = ''; onSearch()"
             >
             </uni-search-bar>
-            <button class="search-btn" @tap.stop="onSearch">搜索</button>
+            <button class="search-btn MiSans-Medium" @tap.stop="onSearch">搜索</button>
           </view>
           <!-- tab页签 -->
           <scroll-view v-if="tabList?.length" scroll-x="true" class="scroll-container">
@@ -28,7 +28,7 @@
               @tap="handClickTab(index)"
             >
               <view>
-                <view class="text">{{ val.title }}</view>
+                <view class="text MiSans-Medium">{{ val.title }}</view>
                 <view v-if="index === tabIndex" class="choose" style="background-color: #fff;"></view>
                 <view v-else class="choose" style="background-color: #ffffff00;"></view>
               </view>
@@ -38,13 +38,12 @@
         <view v-if="listData?.length" class="listDataBox">
           <uni-card v-for="val in listData" :key="val.id" @click="toDetail(val)" :is-shadow="true" :border='false' shadow="0px 0px 3px 1px rgba(0,0,0,0.1)">
             <view class="d-flex align-center ss-m-30" @click="null">
-              <image class="enterAvatar" :src="val.logoUrl ? val.logoUrl : 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+              <image class="enterAvatar default-border default-radius" :src="val.logoUrl ? val.logoUrl : 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
               <view class="ss-m-l-20" style="flex: 1;">
-                <view class="font-size-16 enterpriseName">{{ formatName(val.anotherName || val.name) }}</view>
+                <view class="font-size-16 enterpriseName MiSans-Semibold default-text-color">{{ formatName(val.anotherName || val.name) }}</view>
                 <view class="ss-m-t-5">
-                  <span class="color-999">{{ val?.industryName || '' }}</span>
-                  <span class="divider tag-gap1" v-if="val?.industryName && val?.scaleName"> | </span>
-                  <span class="color-999">{{ val?.scaleName || '' }}</span>
+                  <span class="color-666 MiSans-Normal ss-m-r-10">{{ val?.industryName || '' }}</span>
+                  <span class="color-666 MiSans-Normal">{{ val?.scaleName || '' }}</span>
                 </view>
                 <view class="ss-m-t-10">
                   <uni-tag 
@@ -54,12 +53,12 @@
                     :text="formatName(tag.name)"
                     inverted="false"
                     size="default"
-                    custom-style="background-color: #00B760; color: #fff; border-color: #00B760; display: inline-block;border-radius: 15px; margin: 0 5px 5px 0;"
+                    custom-style="background-color: #00B760; color: #fff; border-color: #00B760; display: inline-block;border-radius: 15px; margin: 0 5px 5px 0; font-family: MiSans-Normal"
                   />
                 </view>
               </view>
             </view>
-            <view class="jobCount">{{ val.jobCount }}个在线职位招聘中 >>></view>
+            <view class="jobCount MiSans-Normal">{{ val.jobCount }}个在线职位招聘中 >>></view>
           </uni-card>
           <uni-load-more :status="more" :color="textColor" />
         </view>
@@ -262,7 +261,6 @@ const handleShare = () => {
   margin: 0 5rpx;
   margin-top: -10px;
   .enterpriseName {
-    color: #404040;
     font-weight: 700;
   }
   .enterAvatar {