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

11111

Browse Source
This commit is contained in:
zoujiandong 2025-12-03 09:58:56 +08:00
parent 51367c48c9
commit da3659412d
4 changed files with 2314 additions and 2225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
pages.json
View File

@ -9,16 +9,16 @@
} }
}, },
"pages": [ "pages": [
// { {
// "path": "pages/loading/loading", "path": "pages/loading/loading",
// "style": { "style": {
// "navigationBarTitleText": "", "navigationBarTitleText": "",
// "navigationStyle": "custom", "navigationStyle": "custom",
// "app": { "app": {
// "bounce": "none" "bounce": "none"
// } }
// } }
// }, },
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {

873
pages_app/video/video.vue
View File

File diff suppressed because it is too large Load Diff

11
pages_app/videoDetail/videoDetail.vue
View File

@ -40,11 +40,13 @@
class="player-wrapper" class="player-wrapper"
:src="videoSrc" :src="videoSrc"
:videoHeight="220" :videoHeight="220"
:videoWidth="videoWidth"
:seekTime="0" :seekTime="0"
@fullscreenchange="onFullscreenChange" @fullscreenchange="onFullscreenChange"
/> />
<!-- 标签切换 --> <!-- 标签切换 -->
<cover-view class="tabs" v-if="from != 'download'" :style="{ opacity: isFullScreen ? 0: 1 }">
<cover-view class="tabs" v-if="from != 'download'" :style="{ opacity:isFullScreen?0:1, width: videoWidth + 'px' }" >
<cover-view <cover-view
class="tab" class="tab"
:class="{ active: activeTab === 'info' }" :class="{ active: activeTab === 'info' }"
@ -958,7 +960,6 @@ $theme-color: #8b2316;
position: relative; position: relative;
top: calc(var(--status-bar-height) + 44px); top: calc(var(--status-bar-height) + 44px);
z-index: 0; z-index: 0;
overflow: hidden; overflow: hidden;
} }
.share-img { .share-img {
@ -1034,7 +1035,7 @@ $theme-color: #8b2316;
} }
.intro { .intro {
// background: #fff; // background: #fff;
padding: 30rpx 28rpx 100rpx; padding: 40rpx 28rpx 100rpx;
// margin-top: calc(var(--status-bar-height) + 44px + 220px + 88rpx); // margin-top: calc(var(--status-bar-height) + 44px + 220px + 88rpx);
// height: calc(100vh - var(--status-bar-height) - 44px - 220px - 88rpx); // height: calc(100vh - var(--status-bar-height) - 44px - 220px - 88rpx);
// overflow-y: scroll; // overflow-y: scroll;
@ -1056,9 +1057,7 @@ $theme-color: #8b2316;
.video-author { .video-author {
font-size: 26rpx; font-size: 26rpx;
color: #666; color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
} }

575
pages_app/zhinan/zhinan.vue
View File

@ -9,11 +9,10 @@
:border="false" :border="false"
backgroundColor="#eeeeee" backgroundColor="#eeeeee"
></uni-nav-bar> --> ></uni-nav-bar> -->
<navBar title="诊疗指南"/> <navBar title="诊疗指南" />
<view class="zhinan-page" v-if="tab=='zhinan'"> <view class="zhinan-page" v-if="tab == 'zhinan'">
<!-- 导航栏 --> <!-- 导航栏 -->
<!-- 固定搜索栏 --> <!-- 固定搜索栏 -->
<view class="search-container-fixed filter-bar"> <view class="search-container-fixed filter-bar">
<view class="search-box" @click="goSearch"> <view class="search-box" @click="goSearch">
@ -24,7 +23,11 @@
<view class="divider"></view> <view class="divider"></view>
<view class="filter-item" @click="showFilterPopup"> <view class="filter-item" @click="showFilterPopup">
<text>筛选</text> <text>筛选</text>
<up-image :src="isFilterActive ? filterOn : filter" width="30rpx" height="30rpx" ></up-image> <up-image
:src="isFilterActive ? filterOn : filter"
width="30rpx"
height="30rpx"
></up-image>
</view> </view>
</view> </view>
@ -36,8 +39,12 @@
:key="index" :key="index"
@click="enterCategory(item)" @click="enterCategory(item)"
> >
<view class="item-image" > <view class="item-image">
<image :src="docUrl+item.imgs" mode="widthFix" class="category-icon"></image> <image
:src="docUrl + item.imgs"
mode="widthFix"
class="category-icon"
></image>
</view> </view>
<view class="item-content"> <view class="item-content">
<text class="category-title">{{ item.name }}</text> <text class="category-title">{{ item.name }}</text>
@ -46,16 +53,14 @@
</view> </view>
</view> </view>
<view class="total"> <view class="total">
<up-image :src="star1" width="85rpx" height="9rpx" ></up-image> <up-image :src="star1" width="85rpx" height="9rpx"></up-image>
<view class="count"> {{total}}份文献</view> <view class="count"> {{ total }}份文献</view>
<up-image :src="star2" width="85rpx" height="9rpx" ></up-image> <up-image :src="star2" width="85rpx" height="9rpx"></up-image>
</view> </view>
</view> </view>
<view class="qikan-page" v-else-if="tab=='qikan'"> <view class="qikan-page" v-else-if="tab == 'qikan'">
<!-- 导航头部 --> <!-- 导航头部 -->
<!-- 主要内容区域 --> <!-- 主要内容区域 -->
<view class="main-content"> <view class="main-content">
<!-- 标签切换区域 --> <!-- 标签切换区域 -->
@ -67,8 +72,13 @@
@click="switchTabQikan('daichawenxian')" @click="switchTabQikan('daichawenxian')"
> >
<text class="tab-text">代查文献</text> <text class="tab-text">代查文献</text>
<view class="tab-underline" > <view class="tab-underline">
<up-image :src="activeImg" width="48rpx" height="18rpx" v-if="activeTab === 'daichawenxian'"></up-image> <up-image
:src="activeImg"
width="48rpx"
height="18rpx"
v-if="activeTab === 'daichawenxian'"
></up-image>
</view> </view>
</view> </view>
<view <view
@ -78,7 +88,12 @@
> >
<text class="tab-text">英文文献</text> <text class="tab-text">英文文献</text>
<view class="tab-underline"> <view class="tab-underline">
<up-image :src="activeImg" width="48rpx" height="18rpx" v-if="activeTab === 'yingwenwenxian'"></up-image> <up-image
:src="activeImg"
width="48rpx"
height="18rpx"
v-if="activeTab === 'yingwenwenxian'"
></up-image>
</view> </view>
</view> </view>
</view> </view>
@ -88,7 +103,7 @@
<view class="content-section" v-if="activeTab === 'daichawenxian'"> <view class="content-section" v-if="activeTab === 'daichawenxian'">
<!-- 顶部图标和说明 --> <!-- 顶部图标和说明 -->
<up-image :src="paperImg" width="100%" ></up-image> <up-image :src="paperImg" width="100%"></up-image>
<!-- 表单区域 --> <!-- 表单区域 -->
<view class="form-section"> <view class="form-section">
<!-- 接收邮箱 --> <!-- 接收邮箱 -->
@ -168,12 +183,19 @@
</view> </view>
<!-- 删除按钮 --> <!-- 删除按钮 -->
<view class="delbox" v-if="literatureList.length > 1" @click="removeLiterature(index)"> <view
class="delbox"
v-if="literatureList.length > 1"
@click="removeLiterature(index)"
>
<up-image :src="delImg" width="40rpx" height="52rpx"></up-image> <up-image :src="delImg" width="40rpx" height="52rpx"></up-image>
</view> </view>
<!-- 文献分隔线 --> <!-- 文献分隔线 -->
<view class="literature-divider" v-if="index < literatureList.length - 1"></view> <view
class="literature-divider"
v-if="index < literatureList.length - 1"
></view>
</view> </view>
<!-- 添加代查文献按钮 --> <!-- 添加代查文献按钮 -->
<view class="add-literature-section" v-if="literatureList.length < 5"> <view class="add-literature-section" v-if="literatureList.length < 5">
@ -183,17 +205,27 @@
</view> </view>
<view class="limit-tip"> <view class="limit-tip">
<view class="imgbox"> <view class="imgbox">
<up-image :src="countImg" width="186rpx" height="74rpx"></up-image> <up-image
:src="countImg"
width="186rpx"
height="74rpx"
></up-image>
</view> </view>
<view class="count">还可添加{{ 5 - literatureList.length }}篇</view> <view class="count"
>还可添加{{ 5 - literatureList.length }}篇</view
>
</view> </view>
</view> </view>
</view> </view>
<!-- 常见问题 --> <!-- 常见问题 -->
<view class="faq-section"> <view class="faq-section">
<up-image :src="questionImg" width="100%" mode="widtFix" height="540rpx"></up-image> <up-image
:src="questionImg"
width="100%"
mode="widtFix"
height="540rpx"
></up-image>
</view> </view>
<view class="tips"> <view class="tips">
<view class="title">注意</view> <view class="title">注意</view>
@ -202,8 +234,12 @@
<view class="row">不支持模糊代查，请尽可能详细提供所需文献信息</view> <view class="row">不支持模糊代查，请尽可能详细提供所需文献信息</view>
</view> </view>
<view class="btnbox"> <view class="btnbox">
<up-image :src="submitImg" width="100%" height="160rpx" mode="widtFix"></up-image> <up-image
:src="submitImg"
width="100%"
height="160rpx"
mode="widtFix"
></up-image>
</view> </view>
</view> </view>
@ -215,12 +251,8 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 筛选弹窗 --> <!-- 筛选弹窗 -->
<view class="filter-popup" v-if="showFilter" @click="hideFilterPopup"> <view class="filter-popup" v-if="showFilter" @click="hideFilterPopup">
<view class="filter-content" @click.stop> <view class="filter-content" @click.stop>
@ -247,272 +279,290 @@
</template> </template>
<script setup> <script setup>
import { ref, onMounted } from 'vue'; import { ref, onMounted } from "vue";
import { onShow } from "@dcloudio/uni-app"; import { onShow, onBackPress } from "@dcloudio/uni-app";
import upImg from "@/static/cb_up.png" import upImg from "@/static/cb_up.png";
import downImg from "@/static/cb_up.png" import downImg from "@/static/cb_up.png";
import filter from "@/static/cb_screen_no.png" import filter from "@/static/cb_screen_no.png";
import filterOn from "@/static/cb_screen_yes.png" import filterOn from "@/static/cb_screen_yes.png";
import star1 from "@/static/xingxing1.png" import star1 from "@/static/xingxing1.png";
import star2 from "@/static/xingxing2.png" import star2 from "@/static/xingxing2.png";
import paperImg from "@/static/paper_bg.png" import paperImg from "@/static/paper_bg.png";
import activeImg from "@/static/route.png" import activeImg from "@/static/route.png";
import emailImg from "@/static/email_bg.png" import emailImg from "@/static/email_bg.png";
import countImg from "@/static/sheng_bg.png" import countImg from "@/static/sheng_bg.png";
import questionImg from "@/static/paper_question.png" import questionImg from "@/static/paper_question.png";
import submitImg from "@/static/paper_submit.png" import submitImg from "@/static/paper_submit.png";
import delImg from "@/static/delete_paper.png" import delImg from "@/static/delete_paper.png";
import api from '@/api/api.js' import api from "@/api/api.js";
import docUrl from "@/utils/docUrl.js" import docUrl from "@/utils/docUrl.js";
import navTo from '@/utils/navTo.js'; import navTo from "@/utils/navTo.js";
import navBar from "@/components/navBar/navBar.vue" import navBar from "@/components/navBar/navBar.vue";
const total=ref(0); const total = ref(0);
const tab=ref('zhinan') const tab = ref("zhinan");
// 响应式数据 // 响应式数据
const searchText = ref(''); const searchText = ref("");
const guidelineCategories = ref([]); const guidelineCategories = ref([]);
const isFilterActive=ref(false) const isFilterActive = ref(false);
// 指南库检索结果（如需在列表页使用） // 指南库检索结果（如需在列表页使用）
const searchLibraryList = ref([]); const searchLibraryList = ref([]);
const filterTags = ref([]); const filterTags = ref([]);
const keywords = ref(''); const keywords = ref("");
// 页面加载 onBackPress(() => {
onMounted(() => { try {
uni.sendNativeEvent(
"goTabbarPage",
{
msg: "home",
},
(ret) => {
console.log(ret);
}
);
} catch (e) {
console.log(e);
}
plus.runtime.quit();
return true;
});
// 页面加载
onMounted(() => {
loadGuideTypes(); loadGuideTypes();
loadSearchLibrary(); loadSearchLibrary();
loadGuideTags(); loadGuideTags();
}); });
const showFilter=ref(false); const showFilter = ref(false);
// 筛选弹窗相关方法 // 筛选弹窗相关方法
const showFilterPopup = () => { const showFilterPopup = () => {
showFilter.value = true; showFilter.value = true;
}; };
const goSearch=()=>{ const goSearch = () => {
uni.sendNativeEvent('goHomeSearch', { uni.sendNativeEvent(
msg: 'goHomeSearch' "goHomeSearch",
},ret => { {
msg: "goHomeSearch",
},
(ret) => {
console.log(ret); console.log(ret);
})
} }
const hideFilterPopup = () => { );
};
const hideFilterPopup = () => {
showFilter.value = false; showFilter.value = false;
}; };
const toggleTag = (index) => { const toggleTag = (index) => {
filterTags.value[index].selected = !filterTags.value[index].selected; filterTags.value[index].selected = !filterTags.value[index].selected;
isFilterActive.value = filterTags.value.some(tag => tag.selected); isFilterActive.value = filterTags.value.some((tag) => tag.selected);
}; };
const resetFilter = () => { const resetFilter = () => {
// 清空所有已选标签 // 清空所有已选标签
filterTags.value.forEach(tag => tag.selected = false); filterTags.value.forEach((tag) => (tag.selected = false));
// 关闭筛选激活态 // 关闭筛选激活态
isFilterActive.value = false; isFilterActive.value = false;
// 清空关键字 // 清空关键字
keywords.value = ''; keywords.value = "";
// 刷新列表数据（可按需保留或移除） // 刷新列表数据（可按需保留或移除）
// currentPage.value = 1; // currentPage.value = 1;
// hasMoreData.value = true; // hasMoreData.value = true;
//loadVideoData(true); //loadVideoData(true);
}; };
const confirmFilter = () => { const confirmFilter = () => {
const selectedTags = filterTags.value.filter(tag => tag.selected); const selectedTags = filterTags.value.filter((tag) => tag.selected);
console.log('选中的筛选标签:', selectedTags); console.log("选中的筛选标签:", selectedTags);
for (var i = 0; i < selectedTags.length; i++) { for (var i = 0; i < selectedTags.length; i++) {
if(keywords.value){ if (keywords.value) {
keywords.value+=","+selectedTags[i].NAME keywords.value += "," + selectedTags[i].NAME;
}else{ } else {
keywords.value=selectedTags[i].NAME keywords.value = selectedTags[i].NAME;
} }
navTo({ navTo({
url:'/pages_app/hot/hot?keywords='+encodeURIComponent(keywords.value) url: "/pages_app/hot/hot?keywords=" + encodeURIComponent(keywords.value),
}) });
} }
isFilterActive.value=true; isFilterActive.value = true;
hideFilterPopup(); hideFilterPopup();
// 根据选中的标签重新加载数据 // 根据选中的标签重新加载数据
};
}; onShow(() => {
onShow(() => {
// 页面显示时可以刷新数据 // 页面显示时可以刷新数据
loadGuideTags(); loadGuideTags();
}); });
// 加载指南分类（guideType） // 加载指南分类（guideType）
const loadGuideTypes = async () => { const loadGuideTypes = async () => {
try { try {
const res = await api.guideType({}); const res = await api.guideType({});
guidelineCategories.value=res.data; guidelineCategories.value = res.data;
for (var i = 0; i < res.data.length; i++) { for (var i = 0; i < res.data.length; i++) {
total.value=total.value+res.data[i].total total.value = total.value + res.data[i].total;
} }
} catch (e) { } catch (e) {
console.error('加载指南分类失败:', e); console.error("加载指南分类失败:", e);
} }
}; };
// 调用治疗指南列表（searchLibraryU） // 调用治疗指南列表（searchLibraryU）
const loadSearchLibrary = async () => { const loadSearchLibrary = async () => {
try { try {
const res = await api.searchLibraryU({ const res = await api.searchLibraryU({
page: 1, page: 1,
pageSize: 20, pageSize: 20,
type:1, type: 1,
keywords:'', keywords: "",
}); });
if(res && res.code === 200) { if (res && res.code === 200) {
searchLibraryList.value = res.data searchLibraryList.value = res.data;
} }
} catch (e) { } catch (e) {
console.error('加载指南库失败:', e); console.error("加载指南库失败:", e);
} }
}; };
// 加载指南标签列表 // 加载指南标签列表
const loadGuideTags = async () => { const loadGuideTags = async () => {
try { try {
const res = await api.guideTag({ const res = await api.guideTag({
type:3 type: 3,
}); });
console.log('指南标签API响应:', res); console.log("指南标签API响应:", res);
if(res && res.code === 200 && res.data) { if (res && res.code === 200 && res.data) {
// 将API返回的标签数据转换为筛选标签格式 // 将API返回的标签数据转换为筛选标签格式
filterTags.value = res.data.map(tag => ({ filterTags.value = res.data.map((tag) => ({
...tag, ...tag,
selected: false selected: false,
})); }));
console.log('指南标签加载成功:', filterTags.value); console.log("指南标签加载成功:", filterTags.value);
} }
} catch (e) { } catch (e) {
console.error('加载指南标签失败:', e); console.error("加载指南标签失败:", e);
} }
}; };
// 进入指南分类 // 进入指南分类
const enterCategory = (item) => { const enterCategory = (item) => {
navTo({ navTo({
url: `/pages_app/zhinanList/zhinanList?typeUuid=${item.uuid}&title=${item.name}` url: `/pages_app/zhinanList/zhinanList?typeUuid=${item.uuid}&title=${item.name}`,
}); });
}; };
// 显示筛选对话框 // 显示筛选对话框
const showFilterDialog = () => { const showFilterDialog = () => {
console.log('显示筛选'); console.log("显示筛选");
// 可以实现筛选弹窗 // 可以实现筛选弹窗
}; };
// 切换底部标签 // 切换底部标签
const switchTab = (tabName) => { const switchTab = (tabName) => {
console.log('切换到:', tabName); console.log("切换到:", tabName);
tab.value=tabName; tab.value = tabName;
}; };
// 返回 // 返回
const goBack = () => { const goBack = () => {
uni.navigateBack({ uni.navigateBack({
fail() { fail() {
uni.redirectTo({ uni.redirectTo({
url: '/pages/index/index' url: "/pages/index/index",
}); });
} },
}); });
}; };
// 响应式数据 // 响应式数据
const activeTab = ref('daichawenxian'); const activeTab = ref("daichawenxian");
// 表单数据 // 表单数据
const formData = ref({ const formData = ref({
email: '', email: "",
literatureName: '', literatureName: "",
author: '', author: "",
journalName: '' journalName: "",
}); });
// 文献列表数据 // 文献列表数据
const literatureList = ref([ const literatureList = ref([
{ {
id: 1, id: 1,
literatureName: '', literatureName: "",
author: '', author: "",
journalName: '' journalName: "",
} },
]); ]);
// 常见问题数据 // 常见问题数据
const faqList = ref([ const faqList = ref([
{ {
question: '如何查找文献？', question: "如何查找文献？",
answer: '请提供准确的文献标题、作者和期刊信息，我们将为您查找并发送到指定邮箱。', answer:
expanded: false "请提供准确的文献标题、作者和期刊信息，我们将为您查找并发送到指定邮箱。",
expanded: false,
}, },
{ {
question: '查找需要多长时间？', question: "查找需要多长时间？",
answer: '通常在1-3个工作日内完成文献查找并发送到您的邮箱。', answer: "通常在1-3个工作日内完成文献查找并发送到您的邮箱。",
expanded: false expanded: false,
}, },
{ {
question: '支持哪些文献类型？', question: "支持哪些文献类型？",
answer: '支持国内外期刊论文、会议论文、学位论文等多种文献类型。', answer: "支持国内外期刊论文、会议论文、学位论文等多种文献类型。",
expanded: false expanded: false,
} },
]); ]);
// 切换顶部标签 // 切换顶部标签
const switchTabQikan = (tab) => { const switchTabQikan = (tab) => {
activeTab.value = tab; activeTab.value = tab;
}; };
// 切换底部导航 // 切换底部导航
const switchBottomTab = (tab) => { const switchBottomTab = (tab) => {
if (tab === 'zhinan') { if (tab === "zhinan") {
uni.navigateTo({ uni.navigateTo({
url: '/pages_app/zhinan/zhinan' url: "/pages_app/zhinan/zhinan",
}); });
} else if (tab === 'tools') { } else if (tab === "tools") {
uni.showToast({ uni.showToast({
title: '功能开发中', title: "功能开发中",
icon: 'none' icon: "none",
}); });
} }
}; };
// 添加文献 // 添加文献
const addLiterature = () => { const addLiterature = () => {
if (literatureList.value.length >= 5) { if (literatureList.value.length >= 5) {
uni.showToast({ uni.showToast({
title: '最多只能添加5篇文献', title: "最多只能添加5篇文献",
icon: 'none' icon: "none",
}); });
return; return;
} }
const newLiterature = { const newLiterature = {
id: Date.now(), // 使用时间戳作为唯一ID id: Date.now(), // 使用时间戳作为唯一ID
literatureName: '', literatureName: "",
author: '', author: "",
journalName: '' journalName: "",
}; };
literatureList.value.push(newLiterature); literatureList.value.push(newLiterature);
uni.showToast({ uni.showToast({
title: '添加成功', title: "添加成功",
icon: 'none' icon: "none",
}); });
}; };
// 删除文献 // 删除文献
const removeLiterature = (index) => { const removeLiterature = (index) => {
if (literatureList.value.length <= 1) { if (literatureList.value.length <= 1) {
uni.showToast({ uni.showToast({
title: '至少保留一篇文献', title: "至少保留一篇文献",
icon: 'none' icon: "none",
}); });
return; return;
} }
@ -520,27 +570,27 @@
literatureList.value.splice(index, 1); literatureList.value.splice(index, 1);
uni.showToast({ uni.showToast({
title: '删除成功', title: "删除成功",
icon: 'none' icon: "none",
}); });
}; };
// 切换FAQ展开状态 // 切换FAQ展开状态
const toggleFaq = (index) => { const toggleFaq = (index) => {
faqList.value[index].expanded = !faqList.value[index].expanded; faqList.value[index].expanded = !faqList.value[index].expanded;
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// SCSS Variables // SCSS Variables
$primary-color: #8B2316; $primary-color: #8b2316;
$bg-color: #f5f5f5; $bg-color: #f5f5f5;
$white: #fff; $white: #fff;
$text-primary: #333; $text-primary: #333;
$text-secondary: #666; $text-secondary: #666;
$text-light: #999; $text-light: #999;
$primary-color: #ff6b6b; $primary-color: #ff6b6b;
$theme-color: #8B2316; $theme-color: #8b2316;
$white: #fff; $white: #fff;
$gray-bg: #f5f5f5; $gray-bg: #f5f5f5;
$gray-light: #eee; $gray-light: #eee;
@ -554,7 +604,7 @@ $border-radius: 8px;
$border-radius-small: 6px; $border-radius-small: 6px;
$padding: 15px; $padding: 15px;
$padding-small: 10px; $padding-small: 10px;
$accent-color: #4A90E2; $accent-color: #4a90e2;
.zhinan-page { .zhinan-page {
background-color: $bg-color; background-color: $bg-color;
min-height: 100vh; min-height: 100vh;
@ -604,7 +654,7 @@ $accent-color: #4A90E2;
} }
.filter-item { .filter-item {
flex:1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -620,8 +670,10 @@ $accent-color: #4A90E2;
flex-wrap: wrap; flex-wrap: wrap;
padding: 30rpx; padding: 30rpx;
margin:0 30rpx; margin: 0 30rpx;
margin-top: calc(var(--status-bar-height) + 44px + 106rpx); // 为固定搜索栏留出空间 (搜索栏高度约80rpx + 边距) margin-top: calc(
var(--status-bar-height) + 44px + 106rpx
); // 为固定搜索栏留出空间 (搜索栏高度约80rpx + 边距)
.guideline-item { .guideline-item {
margin-top: 20rpx; margin-top: 20rpx;
@ -631,7 +683,7 @@ $accent-color: #4A90E2;
overflow: hidden; overflow: hidden;
transition: transform 0.2s ease; transition: transform 0.2s ease;
&:nth-child(3n+1){ &:nth-child(3n + 1) {
margin-left: 0; margin-left: 0;
} }
&:active { &:active {
@ -646,7 +698,7 @@ $accent-color: #4A90E2;
.category-icon { .category-icon {
width: 100%; width: 100%;
height:320rpx; /* 高度自适应 */ height: 320rpx; /* 高度自适应 */
display: block; /* 去除底部间隙 */ display: block; /* 去除底部间隙 */
} }
@ -694,7 +746,7 @@ $accent-color: #4A90E2;
gap: 8rpx; gap: 8rpx;
&.active { &.active {
color: #fff; color: #fff;
background-color: #8B2316; background-color: #8b2316;
} }
.tab-icon { .tab-icon {
width: 44rpx; width: 44rpx;
@ -706,11 +758,10 @@ $accent-color: #4A90E2;
color: $text-secondary; color: $text-secondary;
&.active { &.active {
color: #fff; color: #fff;
} }
} }
} }
.tab-item:nth-child(2){ .tab-item:nth-child(2) {
border-right: 2rpx solid #eee; border-right: 2rpx solid #eee;
border-left: 2rpx solid #eee; border-left: 2rpx solid #eee;
} }
@ -718,26 +769,26 @@ $accent-color: #4A90E2;
// 为网格添加底部边距，避免被tabbar遮挡 // 为网格添加底部边距，避免被tabbar遮挡
.guidelines-grid { .guidelines-grid {
padding-bottom:0rpx; padding-bottom: 0rpx;
background-color: $white; background-color: $white;
} }
.total{ .total {
margin-top: 0rpx; margin-top: 0rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom:40rpx; padding-bottom: 40rpx;
.count{ .count {
margin-top: 50rpx; margin-top: 50rpx;
font-size: 30rpx; font-size: 30rpx;
color:#999; color: #999;
} }
} }
.qikan-page { .qikan-page {
background:#f6f6f6; background: #f6f6f6;
min-height: 100vh; min-height: 100vh;
padding-top:0rpx; padding-top: 0rpx;
padding-bottom: 100rpx; // 为底部导航预留空间 padding-bottom: 100rpx; // 为底部导航预留空间
} }
@ -755,7 +806,6 @@ $accent-color: #4A90E2;
background-color: #a5d9fe; background-color: #a5d9fe;
padding: 0 30rpx; padding: 0 30rpx;
.tab-container { .tab-container {
display: flex; display: flex;
align-items: center; align-items: center;
@ -768,7 +818,7 @@ $accent-color: #4A90E2;
.tab-text { .tab-text {
font-size: 32rpx; font-size: 32rpx;
color:#333!important; color: #333 !important;
font-weight: 500; font-weight: 500;
} }
@ -781,13 +831,11 @@ $accent-color: #4A90E2;
.tab-underline { .tab-underline {
position: absolute; position: absolute;
bottom:15rpx; bottom: 15rpx;
left: 50%; left: 50%;
right: 0; right: 0;
transform: translateX(-50%); transform: translateX(-50%);
height: 18rpx; height: 18rpx;
} }
} }
} }
@ -802,7 +850,7 @@ $accent-color: #4A90E2;
// 头部横幅 // 头部横幅
.header-banner { .header-banner {
background: linear-gradient(135deg, #87CEEB, #B0E0E6); background: linear-gradient(135deg, #87ceeb, #b0e0e6);
margin: 20rpx 30rpx; margin: 20rpx 30rpx;
border-radius: 20rpx; border-radius: 20rpx;
padding: 40rpx 30rpx; padding: 40rpx 30rpx;
@ -844,40 +892,38 @@ $accent-color: #4A90E2;
// 表单区域 // 表单区域
.form-section { .form-section {
margin: -156rpx 30rpx 20rpx; margin: -156rpx 30rpx 20rpx;
border-radius: 20rpx; border-radius: 20rpx;
padding: 0rpx 0rpx ; padding: 0rpx 0rpx;
.wenxian{ .wenxian {
margin-top: 40rpx; margin-top: 40rpx;
overflow: hidden; overflow: hidden;
} }
.from-cell{ .from-cell {
position: relative; position: relative;
.delbox{ .delbox {
top:10rpx; top: 10rpx;
right:30rpx; right: 30rpx;
position: absolute; position: absolute;
} }
} }
.formbox{ .formbox {
padding:30rpx 30rpx 30rpx; padding: 30rpx 30rpx 30rpx;
background:#fff url("@/static/email_bg.png") no-repeat 0rpx 0; background: #fff url("@/static/email_bg.png") no-repeat 0rpx 0;
background-size: 100% 148rpx; background-size: 100% 148rpx;
border-radius: 10rpx; border-radius: 10rpx;
position: relative; position: relative;
z-index:8; z-index: 8;
} }
.formemail{ .formemail {
padding:0 30rpx; padding: 0 30rpx;
height: 148rpx; height: 148rpx;
display: flex; display: flex;
align-items:center; align-items: center;
border-radius: 20rpx; border-radius: 20rpx;
background:#fff url("@/static/email_bg.png") no-repeat 0rpx 0!important; background: #fff url("@/static/email_bg.png") no-repeat 0rpx 0 !important;
background-size: cover!important; background-size: cover !important;
} }
// 文献分隔线 // 文献分隔线
@ -889,7 +935,6 @@ $accent-color: #4A90E2;
} }
.form-group { .form-group {
margin-bottom: 40rpx; margin-bottom: 40rpx;
display: flex; display: flex;
@ -902,7 +947,7 @@ $accent-color: #4A90E2;
.form-label { .form-label {
display: flex; display: flex;
align-items: center; align-items: center;
width:160rpx; width: 160rpx;
font-size: 28rpx; font-size: 28rpx;
color: $text-primary; color: $text-primary;
font-weight: 500; font-weight: 500;
@ -914,12 +959,13 @@ $accent-color: #4A90E2;
} }
.input-container { .input-container {
flex:1; flex: 1;
.form-input,.form-textarea{ .form-input,
.form-textarea {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
padding: 0 20rpx; padding: 0 20rpx;
background:#f6f6f6; background: #f6f6f6;
border: 2rpx solid $border-color; border: 2rpx solid $border-color;
border-radius: 12rpx; border-radius: 12rpx;
font-size: 28rpx; font-size: 28rpx;
@ -934,8 +980,8 @@ $accent-color: #4A90E2;
border-color: $accent-color; border-color: $accent-color;
} }
} }
.form-textarea{ .form-textarea {
padding:20rpx; padding: 20rpx;
height: 200rpx; height: 200rpx;
} }
} }
@ -952,13 +998,12 @@ $accent-color: #4A90E2;
} }
} }
} }
.from-cell .form-group:nth-child(1){ .from-cell .form-group:nth-child(1) {
margin-bottom: 0; margin-bottom: 0;
} }
.formbox .form-group:nth-child(1){ .formbox .form-group:nth-child(1) {
margin-bottom: 40rpx; margin-bottom: 40rpx;
} }
} }
// 添加文献区域 // 添加文献区域
@ -973,9 +1018,9 @@ $accent-color: #4A90E2;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 80rpx; height: 80rpx;
margin:0 20rpx; margin: 0 20rpx;
border: 2rpx solid #0197f1; border: 2rpx solid #0197f1;
border-radius:40rpx; border-radius: 40rpx;
background-color: rgba(74, 144, 226, 0.05); background-color: rgba(74, 144, 226, 0.05);
.add-text { .add-text {
@ -988,27 +1033,27 @@ $accent-color: #4A90E2;
.limit-tip { .limit-tip {
position: absolute; position: absolute;
right:0; right: 0;
top:-10rpx; top: -10rpx;
text-align: center; text-align: center;
margin-top: 20rpx; margin-top: 20rpx;
font-size: 24rpx; font-size: 24rpx;
color: #fff; color: #fff;
width: 186rpx; width: 186rpx;
height:74rpx; height: 74rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-sizing: border-box; box-sizing: border-box;
.imgbox{ .imgbox {
top:0; top: 0;
position: absolute; position: absolute;
} }
.count{ .count {
margin-top: -20rpx; margin-top: -20rpx;
position: relative; position: relative;
z-index:3; z-index: 3;
} }
} }
} }
@ -1019,15 +1064,14 @@ $accent-color: #4A90E2;
background-color: $white; background-color: $white;
border-radius: 20rpx; border-radius: 20rpx;
padding: 1rpx 1rpx; padding: 1rpx 1rpx;
} }
.tips{ .tips {
font-size: 24rpx; font-size: 24rpx;
margin:30rpx 30rpx; margin: 30rpx 30rpx;
color:#999; color: #999;
} }
.btnbox{ .btnbox {
margin:0 30rpx; margin: 0 30rpx;
} }
// 占位内容 // 占位内容
.placeholder-content { .placeholder-content {
@ -1057,8 +1101,8 @@ $accent-color: #4A90E2;
z-index: 9999; z-index: 9999;
.filter-content { .filter-content {
margin-top:247rpx; margin-top: 247rpx;
overflow-y:scroll; overflow-y: scroll;
background-color: $white; background-color: $white;
// border-radius: 20rpx 20rpx 0 0; // border-radius: 20rpx 20rpx 0 0;
padding: 20rpx 30rpx 60rpx; padding: 20rpx 30rpx 60rpx;
@ -1127,5 +1171,4 @@ $accent-color: #4A90E2;
} }
} }
} }
</style> </style>