gdxz/case-data
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

5.19

Browse Source
This commit is contained in:
zoujiandong 2025-05-19 14:15:54 +08:00
parent fc0d7ce817
commit b869716006
14 changed files with 127 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/navBar/navBar.vue
View File

@ -7,7 +7,7 @@
</view>
<view class="search">
<view class="searchwrap">
<up-icon name="search" size="26" color="#999"></up-icon>
<!-- <up--image
:src="ssImg"
class="ssImg"
@ -15,7 +15,8 @@
width="30rpx"
height="30rpx"
></up--image> -->
<input type="text" class="ipt" />
<input type="text" class="ipt" />
<up-icon name="search" size="26" color="#999"></up-icon>
</view>
<up--image
:src="headImg"
@ -75,6 +76,7 @@ import ssImg from "@/static/ss.png";
justify-content: space-between;
.searchwrap {
display: flex;
padding-right:35rpx;
align-items: center;
flex: 1;
padding-left: 28rpx;
@ -85,6 +87,7 @@ import ssImg from "@/static/ss.png";
border-radius: 40rpx;
.ipt {
flex:1;
margin-left: 15rpx;
font-size: 28rpx;
}

59
components/tabBar/tabBar.vue
View File

@ -4,20 +4,59 @@
:fixed="true"
:zIndex="99"
:placeholder="true"
activeColor="#3CC7C0"
:safeAreaInsetBottom="true"
>
<up-tabbar-item text="首页" icon="home" @click="handleClick"></up-tabbar-item>
<up-tabbar-item text="放映厅" icon="photo" @click="handleClick"></up-tabbar-item>
<up-tabbar-item
text="直播"
icon="play-right"
@click="handleClick"
></up-tabbar-item>
<up-tabbar-item text="我的" icon="account" @click="handleClick"></up-tabbar-item>
<up-tabbar-item text="临床病例库" @click="handleClick">
<image
class="u-page__item__slot-icon"
slot="active-icon"
:src="ku_on"
></image>
<image
class="u-page__item__slot-icon"
slot="inactive-icon"
:src="ku"
></image>
</up-tabbar-item>
<up-tabbar-item text="互动病例" @click="handleClick">
<image
class="u-page__item__slot-icon"
slot="active-icon"
:src="group_on"
></image>
<image
class="u-page__item__slot-icon"
slot="inactive-icon"
:src="group"
></image>
</up-tabbar-item>
<up-tabbar-item text="病例交流" @click="handleClick">
<image
class="u-page__item__slot-icon"
slot="active-icon"
width="47rpx"
height="47rpx"
:src="talk_on"
></image>
<image
width="47rpx"
height="47rpx"
class="u-page__item__slot-icon"
slot="inactive-icon"
:src="talk"
></image>
</up-tabbar-item>
</up-tabbar>
</template>
<script setup>
import group from "@/static/group.png";
import ku from "@/static/ku.png";
import ku_on from "@/static/ku_on.png";
import group_on from "@/static/group_on.png";
import talk from "@/static/talk.png";
import talk_on from "@/static/talk_on.png";
import { ref } from "vue";
const props=defineProps({
value: {
@ -35,4 +74,8 @@ const handleClick = (e) => {
</script>
<style scoped>
.u-page__item__slot-icon{
width: 47rpx;
height: 47rpx;
}
</style>

15
pages.json
View File

@ -11,6 +11,13 @@
},
"pages": [
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"navigationStyle": "custom"
}
},
{
"path": "pages/detail/detail",
"style": {
@ -25,13 +32,7 @@
"navigationStyle": "custom"
}
},
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"navigationStyle": "custom"
}
},
{
"path": "pages/login/login",
"style": {

77
pages/index/index.vue
View File

@ -17,24 +17,44 @@
</view>
<view class="kubox">
<view class="row">
<view class="item">
<up--image
:src="videoImg"
radius="20rpx"
width="330rpx"
height="176rpx"
></up--image>
<up--image
:src="sickImg"
width="330rpx"
radius="20rpx"
height="176rpx"
></up--image>
<!-- <view class="item">
<u-icon name="order" size="28" color="#00919E"></u-icon>
<view class="name">视频病例库</view>
</view>
<view class="item" style="background: #fef8f0; margin-right: 30rpx">
<u-icon name="order" size="28" color="#F08500"></u-icon>
<view class="name" style="color: #f08500">疾病病例库</view>
</view>
</view> -->
</view>
<view class="row" style="margin-top: 30rpx">
<view class="item" style="background: #eff8ff">
<u-icon name="order" size="28" color="#1776D6"></u-icon>
<view class="name" style="color: #1776d6">医院病例库</view>
</view>
<view class="item" style="background: #fef0eb; margin-right: 30rpx">
<u-icon name="order" size="28" color="#EE4C1F"></u-icon>
<view class="name" style="color: #ee4c1f">医生病例库</view>
</view>
<up--image
:src="hospitalImg"
radius="20rpx"
width="330rpx"
height="176rpx"
></up--image>
<up--image
:src="doctorImg"
width="330rpx"
radius="20rpx"
height="176rpx"
></up--image>
</view>
</view>
<view class="newsbox">
@ -50,14 +70,18 @@
<view class="circle"></view>
<view class="info">
<view class="name">肝胆相照临床病例库肝胆相照临床病例库</view>
<view class="author">端重排 | 陈煜 | 工商局</view>
<view class="tagsbox">
<view class="tag">陈煜</view>
</view>
</view>
</view>
<view class="cell">
<view class="circle"></view>
<view class="info">
<view class="name">肝胆相照临床病例库肝胆相照临床病例库</view>
<view class="author">端重排 | 陈煜 | 工商局</view>
<view class="tagsbox">
<view class="tag">陈煜</view>
</view>
</view>
</view>
</view>
@ -76,14 +100,18 @@
<view class="circle"></view>
<view class="info">
<view class="name">肝胆相照临床病例库肝胆相照临床病例库</view>
<view class="author">端重排 | 陈煜 | 工商局</view>
<view class="tagsbox">
<view class="tag">陈煜</view>
</view>
</view>
</view>
<view class="cell">
<view class="circle"></view>
<view class="info">
<view class="name">肝胆相照临床病例库肝胆相照临床病例库</view>
<view class="author">端重排 | 陈煜 | 工商局</view>
<view class="tagsbox">
<view class="tag">陈煜</view>
</view>
</view>
</view>
</view>
@ -128,6 +156,10 @@ import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
import api from "@/api/api";
const paging = ref(null);
const dataList = ref([]);
import videoImg from "@/static/video.png";
import sickImg from "@/static/sick.png";
import hospitalImg from "@/static/hospital.png";
import doctorImg from "@/static/doctor.png";
onLoad(() => {});
const queryList = (pageNo, pageSize) => {
@ -154,6 +186,22 @@ const queryList = (pageNo, pageSize) => {
};
</script>
<style lang="scss" scoped>
.tagsbox {
margin-top: 20rpx;
display: flex;
.tag {
padding: 0 10rpx;
margin-right: 16rpx;
height: 46rpx;
line-height: 46rpx;
text-align: center;
background: rgba(60, 199, 192, 0.1);
border-radius: 8rpx;
font-weight: 400;
font-size: 24rpx;
color: #3cc7c0;
}
}
.newsbox {
margin-bottom: 16rpx;
}
@ -225,6 +273,7 @@ const queryList = (pageNo, pageSize) => {
width: 100%;
background: rgba(0, 0, 0, 0);
.row {
padding:0 30rpx;
display: flex;
justify-content: space-between;
.item {

BIN
static/doctor.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 192 KiB

BIN
static/group.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
static/group_on.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/hospital.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

BIN
static/ku.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 929 B

BIN
static/ku_on.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 788 B

BIN
static/sick.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

BIN
static/talk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
static/talk_on.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/video.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB