uniapp-疫情应急管理系统学生端

news2024/11/15 2:06:24

1 疫情资讯展示

在这里插入图片描述

<template>
	<view class="container">
		<uni-section title="自定义卡片内容" type="line">
			<uni-card title="基础卡片" class="card-box" v-for="(item,index) in epidemicNewsList">
				<template v-slot:title>
					<uni-list>
						<uni-list-item :title="item.title" style="align-self: center;" />
					</uni-list>
				</template>
				<image style="width: 100%;" :src="item.img"></image>
				<text class="text-box" style="">{{item.content.substring(0,60)+'...'}}</text>
			</uni-card>
		</uni-section>
	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {
				epidemicNewsList: [{
						title: '国务院联防联控机制就巩固疫情防控重大成果有关情况举行发布会',
						content: '国务院联防联控机制于2月27日(周一)15:00,在国家卫生健康委2号楼新闻发布厅(西城区北礼士路甲38号)召开新闻发布会,国家发展改革委、工业和信息化部、农业农村部、国家卫生健康委、海关总署相关司局负责同志出席发布会,介绍巩固疫情防控重大成果有关情况,并回答媒体提问。图为国务院联防联控机制就巩固疫情防控重大成果有关情况举行发布会。',
						img: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg'
					},
					{
						title: '国务院联防联控机制就巩固疫情防控重大成果有关情况举行发布会',
						content: '国务院联防联控机制于2月27日(周一)15:00,在国家卫生健康委2号楼新闻发布厅(西城区北礼士路甲38号)召开新闻发布会,国家发展改革委、工业和信息化部、农业农村部、国家卫生健康委、海关总署相关司局负责同志出席发布会,介绍巩固疫情防控重大成果有关情况,并回答媒体提问。图为国务院联防联控机制就巩固疫情防控重大成果有关情况举行发布会。',
						img: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg'
					},
					{
						title: '国务院联防联控机制就巩固疫情防控重大成果有关情况举行发布会',
						content: '国务院联防联控机制于2月27日(周一)15:00,在国家卫生健康委2号楼新闻发布厅(西城区北礼士路甲38号)召开新闻发布会,国家发展改革委、工业和信息化部、农业农村部、国家卫生健康委、海关总署相关司局负责同志出席发布会,介绍巩固疫情防控重大成果有关情况,并回答媒体提问。图为国务院联防联控机制就巩固疫情防控重大成果有关情况举行发布会。',
						img: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg'
					}
				],
			}
		},
		methods: {}
	}
</script>
<style lang="scss">
	.card-box {
		padding: 10rpx 0;
	}
</style>

2 物资

在这里插入图片描述

<template>
	<view class="container">
		<view class="search">
			<uni-search-bar @confirm="search" :focus="true" v-model="searchValue">
			</uni-search-bar>
		</view>
		<view class="item" v-for="(item, index) in list" :key="index">
			<image class="image" :src="item.image"></image>
			<view class="info">
				<view class="name">名称:{{ item.name }}</view>
				<view class="stock-num">库存:{{ item.stockNum }}</view>
				<button type="primary">申请</button>
			</view>
		</view>
	</view>
</template>
<script>
	import {
		materialArray
	} from "@/static/material.js"
	export default {
		data() {
			return {
				searchValue: '',
				list: materialArray,
			}
		},
		methods: {
			search(res) {
				uni.showToast({
					title: '搜索:' + res.value,
					icon: 'none'
				})
			},

		}
	}
</script>

<style>
	.container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 10px;
	}

	.item {
		width: calc(50% - 10px);
		margin-bottom: 10px;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		overflow: hidden;
	}

	.image {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}

	.info {
		padding: 10px;
	}

	.name {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.stock-num {
		font-size: 14px;
		color: #999;
		margin-bottom: 5px;
	}

	.desc {
		font-size: 14px;
		color: #666;
	}
</style>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/835003.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

RabbitMQ安装说明文档-v2.0

rabbitmq安装 说明&#xff1a;请使用资料里提供的CentOS-7-x86_64-DVD-1810.iso 安装虚拟机. 1. 安装依赖环境 在线安装依赖环境&#xff1a; yum install build-essential openssl openssl-devel unixODBC unixODBC-devel make gcc gcc-c kernel-devel m4 ncurses-devel …

企业电子招投标系统源码之电子招投标系统建设的重点和未来趋势 tbms

​ 功能模块&#xff1a; 待办消息&#xff0c;招标公告&#xff0c;中标公告&#xff0c;信息发布 描述&#xff1a; 全过程数字化采购管理&#xff0c;打造从供应商管理到采购招投标、采购合同、采购执行的全过程数字化管理。通供应商门户具备内外协同的能力&#xff0c;为…

我理解的音响设备音频放大器地线环路共地回路造成交流声干扰哼声的分析,信号接地,工业仪表接地的问题

我理解的音响设备音频放大器地线环路共地回路造成交流声干扰哼声的分析&#xff0c;信号接地&#xff0c;工业仪表接地的问题 wxleasyland 2023.8 一、地线环路造成交流声哼声 家里插座中有一个的PE地线&#xff0c;相当于大地。 设备1的“信号地”接到家里三脚插座的PE地线…

I.MX6ULL_Linux_驱动篇(43)linux通用LED驱动

前面我们都是自己编写 LED 灯驱动&#xff0c;其实像 LED 灯这样非常基础的设备驱动&#xff0c; Linux 内核已经集成了。 Linux 内核的 LED 灯驱动采用 platform 框架&#xff0c;因此我们只需要按照要求在设备树文件中添加相应的 LED 节点即可&#xff0c;本章我们就来学习如…

【Linux命令200例】scp用于在本地主机和远程主机之间进行文件传输

&#x1f3c6;作者简介&#xff0c;黑夜开发者&#xff0c;全栈领域新星创作者✌&#xff0c;阿里云社区专家博主&#xff0c;2023年6月csdn上海赛道top4。 &#x1f3c6;数年电商行业从业经验&#xff0c;历任核心研发工程师&#xff0c;项目技术负责人。 &#x1f3c6;本文已…

用html+javascript打造公文一键排版系统13:增加半角标点符号和全角标点符号的相互转换

一、实践发现了bug和不足 今天用了公文一键排版系统对几个PDF文件格式的材料进行文字识别后再重新排版&#xff0c;处理效果还是相当不错的&#xff0c;节约了不少的时间。 但是也发现了三个需要改进的地方&#xff1a; &#xff08;一&#xff09;发现了两个bug&#xff1a…

大模型时代来临----算法工程师与相关职业如何发展与提升

前言&#xff1a;7月28日&#xff0c; 合合信息举办了一场关于大模型时代下算法工程师发展和转型的直播。作为一家持续站在技术前沿的企业&#xff0c;合合信息探讨了算法工程师在不同阶段的发展、差异点和共性&#xff0c;以及他们转型为算法周边工作所需的能力。同时&#xf…

什么软件可以让试卷变空白?分享个擦除答案的方法

在学习过程中&#xff0c;我们常常需要进行考试来检验自己的学习成果。但是&#xff0c;有些情况下我们可能需要重新测试&#xff0c;这时候就需要把试卷变成空白来擦除答案。那么&#xff0c;有哪些方法可以帮助我们实现这一需求呢&#xff1f;下面我们就一起来看看吧。 PS是一…

GP一个节点挂了,gpadmin用户免密失效导致

1、有个节点挂了&#xff0c;参考链接 https://www.cnblogs.com/xibuhaohao/p/11418113.html 执行第四步 gprecoverseg -i ./recov 恢复的时候报错&#xff0c;报 ssh 不到segment的节点。 2、试了下root账号 ssh 到segment节点没有问题&#xff0c;但gpadmin用户不行&…

VS code 用户设置

ctrlshiftP打开用户设设置 vscode user setting.json 中的配置 {// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,//黄色波浪线"eslint.enable": false,// 重新设定tabsize"editor.tabSize": 2,&quo…

亚马逊、temu等跨境电商平台怎么通过自养号测评提升产品排名?

评论在卖家运营中的重要性无需我多言&#xff0c;大家都知道它对产品的销量和排名有着重要影响&#xff0c;那么&#xff0c;如何通过自养号测评提升销量和排名呢&#xff1f; 下面我将详细介绍一下&#xff1a; 稳定的测评环境系统&#xff1a; 选择一个稳定高效的测评环境…

大数据分析案例-基于随机森林算法构建多发性硬化症预测模型

&#x1f935;‍♂️ 个人主页&#xff1a;艾派森的个人主页 ✍&#x1f3fb;作者简介&#xff1a;Python学习者 &#x1f40b; 希望大家多多支持&#xff0c;我们一起进步&#xff01;&#x1f604; 如果文章对你有帮助的话&#xff0c; 欢迎评论 &#x1f4ac;点赞&#x1f4…

selenium 和 chromedriver 使用的一些总结

1 selenium 下载地址 selenium PyPIhttps://pypi.org/project/selenium/ 2 chromedriver 下载地址 &#xff0c;可以下载最新版的 chromedriver ChromeDriver - WebDriver for Chrome - Downloadshttps://chromedriver.chromium.org/downloadsChrome for Testing availabi…

JS沙箱绕过

一、沙箱绕过 1.概念 沙箱绕过"是指攻击者利用各种方法和技术来规避或绕过应用程序或系统中的沙箱&#xff08;sandbox&#xff09;。沙箱是一种安全机制&#xff0c;用于隔离和限制应用程序的执行环境&#xff0c;从而防止恶意代码对系统造成损害。它常被用于隔离不受信任…

小红书媒介审稿,有哪些注意事项

在内容营销中&#xff0c;打造一篇爆文对品牌来说&#xff0c;意义重大。它意味着更高的销售转化&#xff0c;以及更广的品牌传播。那么该如何打造一篇爆文呢&#xff0c;今天小红书媒介审稿&#xff0c;有哪些注意事项进行分享&#xff01; 一、媒介审稿的前期准备 作为一个合…

TypeScript【enum 枚举】

导语 在 TypeScript 中&#xff0c;新增了很多具有特性的一些数据类型处理方法&#xff0c;enum 【枚举】就是其中&#xff0c;很具有代表性的一种&#xff0c;所以本章节就来聊聊 在 TypeScript 中如何去运用 enum 【枚举】。 枚举的概念&#xff1a; 枚举&#xff08;Enum&am…

面试热题(最长回文子串)

给你一个字符串 s&#xff0c;找到 s 中最长的回文子串。 如果字符串的反序与原始字符串相同&#xff0c;则该字符串称为回文字符串 输入&#xff1a;s "babad" 输出&#xff1a;"bab" 最长回文子串以前的博客已经讲过KMP算法以及比较不常见的Manacher算法…

详解Spring中涉及的技术

注解 介绍&#xff1a; 注解(Annotation)很重要&#xff0c;未来的开发模式都是基于注解的&#xff0c;JPA是基于注解的&#xff0c;Spring2.5以上都是基于注解的&#xff0c;Hibernate3.x以后也是基于注解的&#xff0c;现在的Struts2有一部分也是基于注解的了&#xff0c;注…

Matlab滤波、频谱分析

Matlab滤波、频谱分析 滤波&#xff1a; 某目标信号是由5、15、30Hz正弦波混合而成的混合信号&#xff0c;现需要设计一个滤波器滤掉5、30Hz两种频率。 分析&#xff1a;显然我们应该设计一个带通滤波器&#xff0c;通带频率落在15Hz附近。 % 滤波 % 某目标信号是由5、15、3…

Python(六十四)字典元素的遍历

❤️ 专栏简介&#xff1a;本专栏记录了我个人从零开始学习Python编程的过程。在这个专栏中&#xff0c;我将分享我在学习Python的过程中的学习笔记、学习路线以及各个知识点。 ☀️ 专栏适用人群 &#xff1a;本专栏适用于希望学习Python编程的初学者和有一定编程基础的人。无…