diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/\345\225\206\345\223\201\350\257\246\346\203\205.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/\345\225\206\345\223\201\350\257\246\346\203\205.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c092671098f721741bd8066f9d3b37450069c705
--- /dev/null
+++ "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/\345\225\206\345\223\201\350\257\246\346\203\205.html"
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<style>
+     #tp{
+       position: relative;
+       display: flex;
+       top: 100px;
+       justify-content: center;
+    }
+    #b{
+        position: absolute;
+        top: 230px;
+        left: 525px;
+        background-color: azure;
+    }
+    #c{
+        position: absolute;
+        top: 280px;
+        left: 890px;
+    }
+</style>
+<body>
+    <div id="tp">
+        <div id="a"><img src="https://img2.baidu.com/it/u=31896957,3598546783&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" style="width: 400px; height: 200px;"  ></div>
+        <div id="b"> <table>优惠倒计时: </table>
+            <DIV v-if="shop">{{QAQ}}{{h}}时 {{m}}分{{s}}秒</DIV></div>
+       
+        <div id="c">      
+                <button type="button" @click="go()">购买<button>
+        </div>
+    </div>
+</body>
+<script>
+   let vm = new Vue({
+       el:"#tp",
+       data:{
+            shop:false,
+            h:"",
+            m:"",
+            s:"",
+            ms:"",
+        },
+        methods:{
+            go:function(){
+                this.shop = true;
+            },
+        },
+        computed:{
+            QAQ:function (){
+                let only = new Date().getTime() + 3700000;
+                //console.log(only);
+                let come = setInterval( ()=>{
+                    let now = only - new Date().getTime();
+                    let hours = parseInt((now % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+                    let minutes = parseInt((now % (1000 * 60 * 60)) / (1000 * 60))
+                    let seconds = parseInt((now % (1000 * 60)) / 1000)
+                    this.h = hours;
+                    this.m = minutes;
+                    this.s = seconds;
+                    if(this.s < 0){
+                        clearInterval(come);
+                    }
+                    if(this.h == 1){
+                        this.zhe = "6折"
+                    }else if (this.h == 0 && this.m < 50 && this.m >= 40){
+                        this.zhe = "6.5折"
+                    }else if (this.h == 0 && this.m < 40 && this.m >= 30){
+                        this.zhe = "7折"
+                    }else if (this.h == 0 && this.m < 30 && this.m >= 20){
+                        this.zhe = "7.5折"
+                    }else if (this.h == 0 && this.m < 20 && this.m >= 10){
+                        this.zhe = "8折"
+                    }else if (this.h == 0 && this.m < 10){
+                        this.zhe = "8.5折"
+                    }
+                   
+                },100)
+            },
+        }
+   })
+</script>
+</html>
\ No newline at end of file
