Anchor-x/ElmDemo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

项目初始化

Browse Source
This commit is contained in:
myh
2023-06-15 21:21:48 +08:00
parent bcb0a13caf
commit 07fe182f01
22 changed files with 3174 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
UI/index.html Normal file
View File

@@ -0,0 +1,110 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<link rel="icon" type="image/svg+xml" href="favicon.svg"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Tailwind + Sass</title>
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
</head>
<body>
<div id="app" class="app">
<div class="topBarInHome">
<div>
<i class="fa fa-map-marker-alt"></i>
云南省昆明市呈贡区云南大学xxxx
<i class="fa fa-sort-down"></i>
</div>
<div class="mt-3 w-full">
<input type="text" class="w-full rounded border-0"/>
</div>
</div>
<div class="mainPad">
<div class="mainMenu ">
<div>
<img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
美食
</div>
<div>
<img src="https://cube.elemecdn.com/c/7e/76a23eb90dada42528bc41499d6f8jpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">早餐
</div>
<div><img
src="https://cube.elemecdn.com/0/d0/dd7c960f08cdc756b1d3ad54978fdjpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
拍腿代购
</div>
<div><img
src="https://cube.elemecdn.com/7/0a/af108e256ebc9f02db599592ae655jpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
海报
</div>
<div>
<img src="https://cube.elemecdn.com/c/21/e42997b86b232161a5a16ab813ae8jpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
甜品
</div>
<div>
<img src="https://cube.elemecdn.com/b/7f/432619fb21a40b05cd25d11eca02djpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
速食
</div>
<div><img
src="https://cube.elemecdn.com/e/c7/b7ba9547aa700bd20d0420e1794a8jpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
地方小吃
</div>
<div>
<img src="https://cube.elemecdn.com/7/d6/6f2631288a44ec177204e05cbcb93jpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
米粉
</div>
<div>
<img src="https://cube.elemecdn.com/3/01/c888acb2c8ba9e0c813f36ec9e90ajpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
苞子
</div>
<div>
<img src="https://cube.elemecdn.com/a/8a/ec21096d528b7cfd23cdd894f01c6jpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed">
炸鸡
</div>
</div>
<div class="AdBar">
<div class="basis-3/5">
<div>配置套餐</div>
<div>搭配齐全吃得好</div>
<div class="text-yellow-600">立即抢购></div>
</div>
<div class="basis-2/5">
<img src="https://cube.elemecdn.com/e/ee/df43e7e53f6e1346c3fda0609f1d3png.png?x-oss-process=image/format,webp/resize,w_282,h_188,m_fixed">
</div>
</div>
<div class="businessPad">
<div class="bsTitleBar">
list title
</div>
<div class="bsList">lst</div>
</div>
</div>
<div class="bottomBar">
<div>
<i class="fas fa-home fa-lg"></i>
<br/>
首页
</div>
<div>
<i class="far fa-compass fa-lg"></i>
<br/>
发现
</div>
<div>
<i class="far fa-file-alt fa-lg"></i>
<br/>订单
</div>
<div>
<i class="far fa-user fa-lg"></i>
<br/>
我的
</div>
</div>
</div>
<script type="module" src="./src/main.ts"></script>
</body>
</html>