Browse Source

perf: 1.显示首页顶部导航栏 2.放大个人信息文字

develop
song 4 years ago
parent
commit
a72c89cc83
  1. 3
      CHANGELOG.md
  2. 60
      src/components/Info/Info.vue
  3. 3
      src/pages.json

3
CHANGELOG.md

@ -1,4 +1,4 @@
# 0.1.0 (2021-12-09) # 0.1.0 (2021-12-10)
### 🌟 新功能 ### 🌟 新功能
范围|描述|commitId 范围|描述|commitId
@ -154,6 +154,7 @@
- | 修改时间轴bug | [fe08608](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/fe08608) - | 修改时间轴bug | [fe08608](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/fe08608)
- | 修改样式 | [f0ddc90](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/f0ddc90) - | 修改样式 | [f0ddc90](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/f0ddc90)
- | 修改添加基本信息 压缩代码 | [ce20ff7](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/ce20ff7) - | 修改添加基本信息 压缩代码 | [ce20ff7](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/ce20ff7)
- | 修改脑力测评+选项 展示问题 | [c0ccb4e](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/c0ccb4e)
- | 修改角色栏组件 | [a54c601](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/a54c601) - | 修改角色栏组件 | [a54c601](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/a54c601)
- | 切换到默认项目角色没有激活状态的bug | [438d448](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/438d448) - | 切换到默认项目角色没有激活状态的bug | [438d448](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/438d448)
- | 切换日历时查询小红点 | [7091789](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/7091789) - | 切换日历时查询小红点 | [7091789](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/7091789)

60
src/components/Info/Info.vue

@ -2,13 +2,13 @@
<view> <view>
<view v-for="(item, index) in infoList" :key="index"> <view v-for="(item, index) in infoList" :key="index">
<template v-for="(colItem, itemIndex) in item"> <template v-for="(colItem, itemIndex) in item">
<view v-if="colItem.showType === 1" :key="itemIndex" class="flex flex-col text-sm ml-4 border-b"> <view v-if="colItem.showType === 1" :key="itemIndex" class="flex flex-col mx-4 border-b">
<view class="my-3 flex justify-between items-center" @click="changeShow(index, itemIndex)"> <view class="my-3 flex justify-between items-center text-base" @click="changeShow(index, itemIndex)">
{{ colItem.name }} {{ colItem.name }}
<u-icon name="arrow-up" class="mx-2" color="#909399" v-if="colItem.show"></u-icon> <u-icon name="arrow-up" class="ml-2" color="#909399" v-if="colItem.show"></u-icon>
<u-icon name="arrow-down" class="mx-2" color="#909399" v-else></u-icon> <u-icon name="arrow-down" class="ml-2" color="#909399" v-else></u-icon>
</view> </view>
<view v-if="colItem.show"> <view v-if="colItem.show" class="pb-2">
<!-- 单选 --> <!-- 单选 -->
<view v-if="colItem.type === 1"> <view v-if="colItem.type === 1">
<u-radio-group v-model="colItem.value"> <u-radio-group v-model="colItem.value">
@ -18,7 +18,7 @@
:key="radioIndex" :key="radioIndex"
:name="radioItem" :name="radioItem"
> >
{{ radioItem }} <view class="py-1 text-base">{{ radioItem }}</view>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
<u-input <u-input
@ -33,13 +33,13 @@
<view v-if="colItem.type === 5"> <view v-if="colItem.type === 5">
<u-checkbox-group> <u-checkbox-group>
<u-checkbox <u-checkbox
class="mb-2"
@change="change($event, index, itemIndex, colItem.type)" @change="change($event, index, itemIndex, colItem.type)"
v-model="checkboxItem.checked" v-model="checkboxItem.checked"
v-for="(checkboxItem, checkboxIndex) in colItem.checkList" v-for="(checkboxItem, checkboxIndex) in colItem.checkList"
:key="checkboxIndex" :key="checkboxIndex"
:name="checkboxItem.name" :name="checkboxItem.name"
>{{ checkboxItem.name }} >
<view class="py-1 text-base">{{ checkboxItem.name }}</view>
</u-checkbox> </u-checkbox>
</u-checkbox-group> </u-checkbox-group>
<u-input <u-input
@ -53,9 +53,9 @@
<!-- 失眠 --> <!-- 失眠 -->
<view v-if="colItem.type === 10"> <view v-if="colItem.type === 10">
<u-radio-group v-model="colItem.value" class="flex flex-col" @change="change($event, index, itemIndex, colItem.type)"> <u-radio-group v-model="colItem.value" class="flex flex-col" @change="change($event, index, itemIndex, colItem.type)">
<u-radio class="flex mb-1" :name="0"></u-radio> <u-radio class="flex mb-1" :name="0"><text class="py-1 text-base"></text></u-radio>
<u-radio class="flex mb-1" :name="1"> <u-radio class="flex mb-1" :name="1">
<view class="flex flex-nowrap items-center"> <view class="flex flex-nowrap items-center py-1 text-base">
每天能睡 每天能睡
<input <input
class="mx-1 w-12 h-6 text-center border-b" class="mx-1 w-12 h-6 text-center border-b"
@ -73,9 +73,9 @@
<!-- 吸烟 --> <!-- 吸烟 -->
<view v-if="colItem.type === 11"> <view v-if="colItem.type === 11">
<u-radio-group v-model="colItem.value" class="flex flex-col" @change="change($event, index, itemIndex, colItem.type)"> <u-radio-group v-model="colItem.value" class="flex flex-col" @change="change($event, index, itemIndex, colItem.type)">
<u-radio class="flex mb-1 w-full" :name="0"></u-radio> <u-radio class="flex mb-1 w-full" :name="0"><text class="py-1 text-base"></text></u-radio>
<u-radio class="flex mb-1" :name="1"> <u-radio class="flex mb-1" :name="1">
<view class="flex flex-nowrap items-center"> <view class="flex flex-nowrap items-center py-1 text-base">
曾经是但已经戒烟已戒 曾经是但已经戒烟已戒
<input <input
class="mx-1 w-12 h-6 text-center border-b" class="mx-1 w-12 h-6 text-center border-b"
@ -89,7 +89,7 @@
</view> </view>
</u-radio> </u-radio>
<u-radio class="flex mb-1" :name="2"> <u-radio class="flex mb-1" :name="2">
<view class="flex flex-nowrap items-center"> <view class="flex flex-nowrap items-center py-1 text-base">
烟龄 烟龄
<input <input
class="mx-1 w-12 h-6 text-center border-b" class="mx-1 w-12 h-6 text-center border-b"
@ -115,9 +115,9 @@
<!-- 饮酒 --> <!-- 饮酒 -->
<view v-if="colItem.type === 12"> <view v-if="colItem.type === 12">
<u-radio-group v-model="colItem.value" class="flex flex-col" @change="change($event, index, itemIndex, colItem.type)"> <u-radio-group v-model="colItem.value" class="flex flex-col" @change="change($event, index, itemIndex, colItem.type)">
<u-radio class="flex mb-1" :name="0"></u-radio> <u-radio class="flex mb-1" :name="0"><text class="py-1 text-base"></text></u-radio>
<u-radio class="flex mb-1" :name="1"> <u-radio class="flex mb-1" :name="1">
<view class="flex flex-nowrap items-center"> <view class="flex flex-nowrap items-center py-1 text-base">
曾经是但已经戒酒已戒 曾经是但已经戒酒已戒
<input <input
class="mx-1 w-12 h-6 text-center border-b" class="mx-1 w-12 h-6 text-center border-b"
@ -130,7 +130,7 @@
</view> </view>
</u-radio> </u-radio>
<u-radio class="flex mb-1" :name="2"></u-radio> <u-radio class="flex mb-1" :name="2"><text class="py-1 text-base"></text></u-radio>
</u-radio-group> </u-radio-group>
<!-- 饮酒种类 --> <!-- 饮酒种类 -->
<view class="mt-2 flex flex-col" v-if="colItem.showClasses"> <view class="mt-2 flex flex-col" v-if="colItem.showClasses">
@ -142,7 +142,7 @@
:key="classRadioIndex" :key="classRadioIndex"
:name="radioItem" :name="radioItem"
> >
{{ radioItem }} <text class="py-1 text-base">{{ radioItem }}</text>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
<u-input <u-input
@ -157,9 +157,9 @@
<!-- 饮茶 --> <!-- 饮茶 -->
<view v-if="colItem.type === 13"> <view v-if="colItem.type === 13">
<u-radio-group v-model="colItem.value" class="flex flex-col" @change="change($event, index, itemIndex, colItem.type)"> <u-radio-group v-model="colItem.value" class="flex flex-col" @change="change($event, index, itemIndex, colItem.type)">
<u-radio class="flex mb-1" :name="0"></u-radio> <u-radio class="flex mb-1" :name="0"><text class="py-1 text-base"></text></u-radio>
<u-radio class="flex mb-1" :name="1"> <u-radio class="flex mb-1" :name="1">
<view class="flex flex-nowrap items-center"> <view class="flex flex-nowrap items-center py-1 text-base">
曾经是但已经不喝已不喝 曾经是但已经不喝已不喝
<input <input
class="mx-1 w-12 h-6 text-center border-b" class="mx-1 w-12 h-6 text-center border-b"
@ -173,7 +173,7 @@
</view> </view>
</u-radio> </u-radio>
<u-radio class="flex mb-1" :name="2"> <u-radio class="flex mb-1" :name="2">
<view class="flex flex-nowrap items-center"> <view class="flex flex-nowrap items-center py-1 text-base">
已持续 已持续
<input <input
class="mx-1 w-12 h-6 text-center border-b" class="mx-1 w-12 h-6 text-center border-b"
@ -197,7 +197,7 @@
:key="classIndex" :key="classIndex"
:name="radioItem" :name="radioItem"
> >
{{ radioItem }} <text class="py-1 text-base">{{ radioItem }}</text>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
<view>饮茶频率</view> <view>饮茶频率</view>
@ -208,7 +208,7 @@
:key="frequencyIndex" :key="frequencyIndex"
:name="radioItem" :name="radioItem"
> >
{{ radioItem }} <text class="py-1 text-base">{{ radioItem }}</text>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
@ -222,19 +222,19 @@
:key="radioIndex" :key="radioIndex"
:name="radioItem.id" :name="radioItem.id"
> >
{{ radioItem.value }} <view class="py-1 text-base">{{ radioItem.value }}</view>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
</view> </view>
</view> </view>
<view v-else :key="itemIndex" class="flex justify-between items-center text-sm border-b"> <view v-else :key="itemIndex" class="mx-4 flex justify-between items-center border-b">
<view class="ml-4 my-3">{{ colItem.name }}</view> <view class="my-3 text-base">{{ colItem.name }}</view>
<!-- 日期: 年月日 --> <!-- 日期: 年月日 -->
<view v-if="colItem.type === 2"> <view v-if="colItem.type === 2">
<view @click="changeShow(index, itemIndex)"> <view @click="changeShow(index, itemIndex)">
<text :class="colItem.value ? '' : 'text-gray-350'">{{ colItem.value || '请选择' }} </text> <text :class="colItem.value ? '' : 'text-gray-350'">{{ colItem.value || '请选择' }} </text>
<u-icon name="arrow-right" class="mx-2" color="#909399"></u-icon> <u-icon name="arrow-right" class="ml-2" color="#909399"></u-icon>
</view> </view>
<u-picker <u-picker
@confirm="change($event, index, itemIndex, colItem.type)" @confirm="change($event, index, itemIndex, colItem.type)"
@ -248,7 +248,7 @@
></u-picker> ></u-picker>
</view> </view>
<!-- 数字输入框 --> <!-- 数字输入框 -->
<view v-if="colItem.type === 3" class="pr-7"> <view v-if="colItem.type === 3" class="pr-5">
<u-input <u-input
placeholder="请输入" placeholder="请输入"
v-model="colItem.value" v-model="colItem.value"
@ -277,7 +277,7 @@
<view v-if="colItem.type === 7"> <view v-if="colItem.type === 7">
<view @click="changeShow(index, itemIndex)"> <view @click="changeShow(index, itemIndex)">
<text :class="colItem.value ? '' : 'text-gray-350'">{{ colItem.value || '请选择' }} </text> <text :class="colItem.value ? '' : 'text-gray-350'">{{ colItem.value || '请选择' }} </text>
<u-icon name="arrow-right" class="mx-2" color="#909399"></u-icon> <u-icon name="arrow-right" class="ml-2" color="#909399"></u-icon>
</view> </view>
<u-select <u-select
v-model="colItem.show" v-model="colItem.show"
@ -289,7 +289,7 @@
></u-select> ></u-select>
</view> </view>
<!-- input 文本输入框 --> <!-- input 文本输入框 -->
<view v-if="colItem.type === 8" class="pr-7"> <view v-if="colItem.type === 8" class="pr-5">
<u-input <u-input
placeholder="请输入" placeholder="请输入"
v-model="colItem.value" v-model="colItem.value"
@ -302,7 +302,7 @@
<view v-if="colItem.type === 9"> <view v-if="colItem.type === 9">
<view @click="changeShow(index, itemIndex)"> <view @click="changeShow(index, itemIndex)">
<text :class="colItem.value ? '' : 'text-gray-350'">{{ colItem.value || '请选择' }} </text> <text :class="colItem.value ? '' : 'text-gray-350'">{{ colItem.value || '请选择' }} </text>
<u-icon name="arrow-right" class="mx-2" color="#909399"></u-icon> <u-icon name="arrow-right" class="ml-2" color="#909399"></u-icon>
</view> </view>
<u-picker <u-picker
@confirm="change($event, index, itemIndex, colItem.type)" @confirm="change($event, index, itemIndex, colItem.type)"

3
src/pages.json

@ -3,8 +3,7 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarText": "TALL", "navigationBarText": "燕园"
"navigationStyle": "custom"
} }
} }
], ],

Loading…
Cancel
Save