diff --git a/src/assets/cloud.svg b/src/assets/cloud.svg new file mode 100644 index 0000000000000000000000000000000000000000..fd495e7934570b8a4c0eb4165512ad9f3dd171d2 --- /dev/null +++ b/src/assets/cloud.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/flower.svg b/src/assets/flower.svg new file mode 100644 index 0000000000000000000000000000000000000000..dc0f1f175a554be3997f74d70c31ad544b728e9b --- /dev/null +++ b/src/assets/flower.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/intro.svg b/src/assets/intro.svg new file mode 100644 index 0000000000000000000000000000000000000000..625c5fc1429853c40a7634779c733c66f1ca77cd --- /dev/null +++ b/src/assets/intro.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/juice.svg b/src/assets/juice.svg new file mode 100644 index 0000000000000000000000000000000000000000..ed6737db37648b3f313ba72491a85ff3eeb50e20 --- /dev/null +++ b/src/assets/juice.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/main.css b/src/assets/main.css index 37a0ef78e8e2414d2125a77a879d8fc129086ce3..0b2bc7e3d5496e72b9e5ab51b3cc34ef4c8ceac9 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -4,9 +4,8 @@ margin: 0 auto; padding: 2rem; font-weight: normal; - background: #FFEFBA; /* fallback for old browsers */ -background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA); /* Chrome 10-25, Safari 5.1-6 */ -background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + background-color: #fff9db; /* fallback for old browsers */ +background-image: url(../assets/cloud.svg); } @@ -25,7 +24,7 @@ a, .code { padding: 6px; - background: rgba(0,0,0,.7); + background: rgba(0,0,0,.8); color: #fff; border-radius: 6px; } @@ -106,6 +105,10 @@ p { padding: 4px 0; } +p,h3,ul,table,.content { + background: rgba(255, 249, 219,.9); +} + .ft-b { font-weight: bold; } diff --git a/src/assets/she.jpeg b/src/assets/she.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..38bca003bde8a191661f8eb6b51b09f9597e9c68 Binary files /dev/null and b/src/assets/she.jpeg differ diff --git a/src/assets/thank.svg b/src/assets/thank.svg new file mode 100644 index 0000000000000000000000000000000000000000..51f94414235d218abbe4a7c4ee33cdebdd0b49f6 --- /dev/null +++ b/src/assets/thank.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index 2358eb26564476e3f113fed1057a4f6cad844f4a..50c03ade6f2091b8c3e3afa4f7a28619160918e6 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -21,9 +21,10 @@ defineProps({ \ No newline at end of file diff --git a/src/utils/test.js b/src/utils/test.js new file mode 100644 index 0000000000000000000000000000000000000000..362b9ae49b099de8e8e136a5f1889389b3dbffb7 --- /dev/null +++ b/src/utils/test.js @@ -0,0 +1,38 @@ +console.log('1'); + +setTimeout(function () { + console.log('2'); + process.nextTick(function () { + console.log('3'); + }) + new Promise(function (resolve) { + console.log('4'); + resolve(); + }).then(function () { + console.log('5') + }) +}) +process.nextTick(function () { + console.log('6'); +}) +new Promise(function (resolve) { + console.log('7'); + resolve(); +}).then(function () { + console.log('8') +}) + +setTimeout(function () { + console.log('9'); + process.nextTick(function () { + console.log('10'); + }) + new Promise(function (resolve) { + console.log('11'); + resolve(); + }).then(function () { + console.log('12') + }) +}) + +// 输出:1 7 6 8 2 4 3 9 11 5 10 12 \ No newline at end of file