feat: 修改项目相关配置

zhengyiming

2025-02-11 591ccbd63d0ef8d71442ee043b4a5f485ec89462

feat: 修改项目相关配置

 apps/bMiniApp/src/styles/custom_theme.scss

@@ -8,4 +8,4 @@
$button-border-width: 0;

$button-primary-background-color: $primary-color;
$body-background-color: #f9f9fb;
$body-background-color: #f6f6f8;

 apps/cMiniApp/src/app.config.ts

@@ -1,6 +1,6 @@
export default defineAppConfig({
  entryPagePath: 'pages/home/index',
  pages: ['pages/home/index', 'pages/mine/index'],
  pages: ['pages/home/index', 'pages/task/task', 'pages/mine/index'],
  requiredPrivateInfos: ['getLocation'],
  permission: {
    'scope.userLocation': {
@@ -26,6 +26,12 @@
        text: '首页',
      },
      {
        pagePath: 'pages/task/task',
        iconPath: 'assets/tabbar/icon-task.png',
        selectedIconPath: 'assets/tabbar/icon-task-active.png',
        text: '任务',
      },
      {
        pagePath: 'pages/mine/index',
        iconPath: 'assets/tabbar/icon-mine.png',
        selectedIconPath: 'assets/tabbar/icon-mine-active.png',

 apps/cMiniApp/src/assets/home/icon-logo.png

 apps/cMiniApp/src/assets/tabbar/icon-follow-active.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-follow.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-friend-active.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-friend.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-home-active.png

 apps/cMiniApp/src/assets/tabbar/icon-home.png

 apps/cMiniApp/src/assets/tabbar/icon-information-active.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-information.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-message-active.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-message.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-mine-active.png

 apps/cMiniApp/src/assets/tabbar/icon-mine.png

 apps/cMiniApp/src/assets/tabbar/icon-product-active.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-product.png

Binary files differ

 apps/cMiniApp/src/assets/tabbar/icon-task-active.png

 apps/cMiniApp/src/assets/tabbar/icon-task.png

 apps/cMiniApp/src/components/Layout/PageLayoutWithBg.vue

@@ -42,7 +42,7 @@
  top: 0;
  left: 0;
  width: 100%;
  height: 516px;
  height: 644px;
  object-fit: cover;
}
</style>

 apps/cMiniApp/src/components/Searchbar/BlSearchbar.vue

New file
@@ -0,0 +1,29 @@
<template>
  <nut-searchbar shape="round" class="bole-search-bar" v-model.trim="model" v-bind="$attrs">
    <template #leftin>
      <Search2 />
    </template>
  </nut-searchbar>
</template>

<script setup lang="ts">
import { Search2 } from '@nutui/icons-vue-taro';

defineOptions({
  name: 'BlSearchbar',
});

// type Props = {};

// const props = withDefaults(defineProps<Props>(), {});
const model = defineModel<string>();
</script>

<style lang="scss">
@import '@/styles/common.scss';

.bole-search-bar {
  padding: 0;
  background-color: transparent;
}
</style>

 apps/cMiniApp/src/constants/img.ts

@@ -2,7 +2,7 @@

export const OssAssets = {
  common: {
    CommonPageBg: `${OssBasePath}/matchMakingMini/assets/common/icon-common-page-bg.png`,
    CommonPageBg: `${OssBasePath}/flexJobMini/assets/common/icon-common-page-bg.png`,
  },
  mine: {
    Bg: `${OssBasePath}/matchMakingMini/assets/mine/icon-bg.png`,

 apps/cMiniApp/src/constants/router.ts

@@ -4,6 +4,7 @@
  loginByForm = '/subpackages/login/loginByForm/loginByForm',
  registerForm = '/subpackages/login/registerForm/registerForm',
  home = '/pages/home/index',
  task = '/pages/task/task',
  mine = '/pages/mine/index',
  editRichContent = '/subpackages/editRichContent/editRichContent',


 apps/cMiniApp/src/constants/tabBar.ts

@@ -1,4 +1,5 @@
export const TabBarPageRouter = {
  Home: '/pages/home/index',
  Task: '/pages/task/task',
  Mine: '/pages/mine/index',
};

 apps/cMiniApp/src/custom-tab-bar/index.scss

@@ -43,14 +43,14 @@
    }

    .bottom-tab-item-icon {
      width: 40px;
      height: 40px;
      width: 48px;
      height: 48px;
    }

    .bottom-tab-item-text {
      color: #707070;
      font-size: 20px;
      line-height: 24px;
      font-size: 24px;
      line-height: 28px;
    }

    .bottom-tab-item-badge {

 apps/cMiniApp/src/custom-tab-bar/index.tsx

@@ -117,7 +117,7 @@
          }}
        >
          <TarBarItem
            text={'homeTitle'}
            text={'找工作'}
            icon="../assets/tabbar/icon-home.png"
            activeIcon="../assets/tabbar/icon-home-active.png"
            pagePath={TabBarPageRouter.Home}
@@ -126,40 +126,26 @@
            className="home"
            onClick={switchTab}
          ></TarBarItem>
          {/* <TarBarItem
            text="行业圈"
            icon="../assets/tabbar/icon-friend.png"
            activeIcon="../assets/tabbar/icon-friend-active.png"
            pagePath={TabBarPageRouter.CircleFriend}
            index={1}
            active={system.activeTab === 1}
            className="circleFriend"
            onClick={switchTab}
          ></TarBarItem>
          <div class="bottom-tab-item publish-wrapper" onClick={goPublish}>
            <img class="bottom-tab-item-img-publish" src={IconPublish} />
            <div class="bottom-tab-item-text">发布</div>
          </div>

          <TarBarItem
            text="消息"
            icon="../assets/tabbar/icon-message.png"
            activeIcon="../assets/tabbar/icon-message-active.png"
            pagePath={TabBarPageRouter.Message}
            active={system.activeTab === 2}
            className="message"
            icon="../assets/tabbar/icon-task.png"
            activeIcon="../assets/tabbar/icon-task-active.png"
            pagePath={TabBarPageRouter.Task}
            active={system.activeTab === 1}
            className="task"
            onClick={switchTab}
            index={2}
            badge={(isLogin.value && myMessageCount.value?.unReadCount) ?? 0}
          ></TarBarItem> */}
            index={1}
          ></TarBarItem>
          <TarBarItem
            text="我的"
            icon="../assets/tabbar/icon-mine.png"
            activeIcon="../assets/tabbar/icon-mine-active.png"
            pagePath={TabBarPageRouter.Mine}
            active={system.activeTab === 3}
            active={system.activeTab === 2}
            className="mine"
            onClick={switchTab}
            index={3}
            index={2}
          ></TarBarItem>
        </View>
      );

 apps/cMiniApp/src/pages/home/index.vue

@@ -1,11 +1,13 @@
<template>
  <PageLayoutWithBg class="index-page-wrapper" :title="'首页'" :need-auth="false">
    <template #left>
      <div class="menu-btn-wrapper city-btn" @click="goCitySelect">
        <div class="city-btn-text">{{ locationCity }}</div>
        <RectDown :size="12" />
      <div class="menu-btn-wrapper menu-logo">
        <img :src="IconLogo" class="logo" />
      </div>
    </template>
    <div class="home-searchbar-wrapper">
      <BlSearchbar v-model.trim="searchValue"></BlSearchbar>
    </div>
  </PageLayoutWithBg>
</template>

@@ -14,9 +16,21 @@
import { useUserStore } from '@/stores/modules/user';
import { RectDown } from '@nutui/icons-vue-taro';
import Taro from '@tarojs/taro';
import { LocationUtils } from '@12333/utils';
import { LocationUtils, trim } from '@12333/utils';
import _ from 'lodash';
import IconLogo from '@/assets/home/icon-logo.png';

const { locationCity } = useUser();

const searchValue = ref('');

const queryState = reactive({
  searchValueTrim: '',
});

const handleSearch = _.debounce(function () {
  queryState.searchValueTrim = trim(searchValue.value);
}, 300);

const userStore = useUserStore();

@@ -38,6 +52,15 @@
@import '@/styles/common.scss';

.index-page-wrapper {
  .menu-logo {
    padding: 0;

    .logo {
      width: 96px;
      height: 64px;
    }
  }

  .city-btn {
    display: flex;
    align-items: center;
@@ -48,5 +71,9 @@
      margin-right: 12px;
    }
  }

  .home-searchbar-wrapper {
    padding: 32px 0;
  }
}
</style>

 apps/cMiniApp/src/pages/task/task.config.ts

New file
@@ -0,0 +1,3 @@
export default definePageConfig({
  disableScroll: true,
});

 apps/cMiniApp/src/pages/task/task.vue

New file
@@ -0,0 +1,13 @@
<template>
  <div>task</div>
</template>

<script setup lang="ts">
defineOptions({
  name: 'task',
});
</script>

<style lang="scss">
@import '@/styles/common.scss';
</style>

 apps/cMiniApp/src/styles/var.scss

@@ -18,9 +18,9 @@
);

$bole-text-color: (
  'primary': #444444,
  'regular': #7c7c7c,
  'secondary': #9e9e9e,
  'primary': #1d2129,
  'regular': #4e5969,
  'secondary': #9fa4ac,
  'placeholder': #cbcbcb,
);