front/index.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>
	<head>
		<title>万物由你商品定制交易网站</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- google fonts -->
		<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap"
		 rel="stylesheet">
		<link rel="shortcut icon" type="image/x-icon" href="assets/images/x-icon/agricul.png">

		<link rel="stylesheet" href="assets/css/relys/animate.css">
		<link rel="stylesheet" href="assets/css/relys/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/relys/all.min.css">
		<link rel="stylesheet" href="assets/css/relys/icofont.min.css">
		<link rel="stylesheet" href="assets/css/relys/lightcase.css">
		<link rel="stylesheet" href="assets/css/relys/swiper.min.css">
		<link rel="stylesheet" href="assets/css/relys/style.css">
		<link rel="stylesheet" type="text/css" href="assets/css/icons.css"/>
		<link rel="stylesheet" href="assets/css/tableft.css">
		<style>
			html, body {
		        height: 100%;
		        overflow: auto;
		        margin: 0;
		    }

		    html {
		        overflow: scroll;
		    }
			/* 客服 */
			.kefu-area {
			  height: 100%;
			  display: flex;
			  flex-direction: column;
			  position: fixed;
			  width: 100%;
			  height: 100%;
			  top: 0;
			  left: 0;
			  z-index: 10000000;
			  background-color: #fff;
			}
			.kefu-area .top-bar {
			  background-color: #ffffff;
			  border-bottom: solid 1px #d6d6d6;
			  display: flex;
			  justify-content: space-between;
			  align-items: center;
			  padding: 0px 40px;
			}
			.kefu-area .top-bar .user-info {
			  display: grid;
			  grid-template-columns: auto minmax(0, 1fr);
			  grid-template-rows: 1fr 1fr;
			  grid-template-areas: "user-image user-name" "user-image user-status";
			  align-items: center;
			}
			.kefu-area .top-bar .user-info .user-head {