上传项目

d0e2045a · Metz · b1dcf65c · d0e2045a · d0e2045a · d0e2045a
隐藏空白更改
内联并排

Showing with 161 addition and 0 deletion

default.css default.css +113 -0

eat.html eat.html +37 -0

preview.yml preview.yml +11 -0

未找到文件。
--- a/default.css
+++ b/default.css
+html {
+    overflow: hidden;
+    height: 100%;
+}
+
+body {
+    position: relative;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    background:#EEE url(bg.jpg);
+    font-family: "微软雅黑";
+}
+
+#wrapper {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -60px;
+    margin-left: -250px;
+    width: 500px;
+    height: 120px;
+    text-align: center;
+}
+
+#wrapper h1 {
+    margin: 0 0 20px;
+    padding: 0;
+    font-weight: 300;
+    font-size: 30px;
+}
+
+#wrapper h1 b{
+    font-weight: 700;
+}
+
+#start {
+    width: 150px;
+    height: 27px;
+    text-align: center;
+    line-height: 27px;
+    border-radius: 5px;
+   margin:0 auto;
+    color: white;
+    user-select: none;
+    -webkit-user-select: none;
+    -webkit-animation-name: greenPulse;
+    -webkit-animation-duration: 2s;
+    -webkit-animation-iteration-count: infinite;
+}
+
+@-webkit-keyframes greenPulse {
+    from {
+        background-color: #749a02;
+        -webkit-box-shadow: 0 0 9px #333;
+    }
+    50% {
+        background-color: #91bd09;
+        -webkit-box-shadow: 0 0 18px #91bd09;
+    }
+    to {
+        background-color: #749a02;
+        -webkit-box-shadow: 0 0 9px #333;
+    }
+}
+
+#cfg {
+    color: #666;
+    text-shadow: 1px 1px 1px #eee;
+    font-size: 12px;
+    cursor: pointer;
+}
+.temp {
+    position: absolute;
+    z-index: -1;
+    color: #777;
+}
+
+#popbox {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -140px;
+    margin-left: -210px;
+    padding: 0 10px;
+    width: 400px;
+    height: 280px;
+    -webkit-border-radius: 7px;
+    -moz-border-radius: 7px;
+    border-radius: 7px;
+    background: #fff;
+    -webkit-box-shadow: 0 0 22px #333, inset 0 -3px 7px #DDD;
+    -moz-box-shadow: 0 0 22px #333, inset 0 -3px 7px #DDD;
+    box-shadow: 0 0 22px #333, inset 0 -3px 7px #DDD;
+border: 1px solid #666;
+}
+
+#ok {
+    float: right;
+    margin: -3px 0 0;
+    color: #666;
+    cursor: pointer;
+    width: 50px;
+    height: 22px;
+}
+
+#weibo {
+    position: absolute;
+    bottom: 15px;
+    right: 15px;
+}
\ No newline at end of file
--- a/eat.html
+++ b/eat.html
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>中午吃什么</title>
+    <meta name="keywords" content="中午吃什么" />
+    <meta name="description" content="中午吃什么" />
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+    <link rel="stylesheet" href="default.css">
+
+</head>
+
+<body>
+
+<div id="wrapper">
+    <h1 style="color: #4b80f4">
+        中午吃什么，吃什么？
+        <br>
+        <br>
+        <b style="color:#FF9733" id="what"></b>
+    </h1>
+    <div id="start">开始</div>
+</div>
+
+    <textarea rows="9" cols="53" id="list" style="display:none">
+                馄饨 拉面 烩面 热干面 刀削面 油泼面 炸酱面 炒面 米线 土豆粉 螺狮粉 凉皮儿 麻辣烫 肉夹馍 羊肉汤 炒饭 卤肉饭 烤肉饭 黄焖鸡米饭 驴肉火烧 川菜 火锅 烤串 披萨 烤鸭 汉堡 炸鸡
+    </textarea>
+
+
+
+<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+<script src="random.js"></script>
+
+
+</body>
+</html>
--- a/preview.yml
+++ b/preview.yml
+# preview.yml
+autoOpen: false # 打开工作空间时是否自动开启所有应用的预览
+apps:
+  - port: 5500 # 应用的端口
+    run: npm i && npm run dev # 应用的启动命
+    command: # 使用此命令启动服务，且不执行run
+    root: ./ # 应用的启动目录
+    name: EatWhat # 应用名称
+    description: 午饭吃什么 # 应用描述
+    autoOpen: true # 打开工作空间时是否自动开启预览（优先级高于根级 autoOpen
+