图书馆借阅项目

最新推荐文章于 2023-02-02 21:59:20 发布

JacksonYee1

最新推荐文章于 2023-02-02 21:59:20 发布

阅读量248

点赞数

本文链接：https://blog.csdn.net/JacksonYee1/article/details/102991448

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图书馆借阅纪录</title>
		<!-- bootstrap.css文件写了很多样式类，我们使用其样式类就可以获得相应样式 -->
		<script src="js/vue.js"></script>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
		<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.css">
	</head>
	<body>
		<div class="container"  style="border:cadetblue solid 2px; border-radius: 15px; background:#D9EDF7;">
			<!-- <button class="btn btn-primary">按钮</button> -->
			<div id="app">
				<h2 style="text-align: center; margin:20px 0 50px 0; font-family:华文行楷;">图书馆</h2>
				<div style="height: 46px; margin-bottom:20px; padding-top:6px; font-weight:700; border:cadetblue solid 1px; border-radius:5px; text-align: center;background: #F5F5F5;">
					ID: <input type="text" v-model="id" style="margin:0 15px 0 5px;">
					书籍名称: <input type="text" v-model="name" style="margin:0 15px 0 5px;">
					作者: <input type="text" v-model="author" style="margin:0 30px 0 5px;">
					<input type="button"  class="btn btn-primary" value="归还" @click="add" style="margin-right:50px;" />
					<i class="fa fa-search" aria-hidden="true" style="margin-right:5px;">

最低0.47元/天解锁文章

JacksonYee1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图书馆借阅项目

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图书馆借阅纪录</title>  <script src="js/vue....
复制链接

扫一扫