diff --git a/.codesandbox/workspace.json b/.codesandbox/workspace.json new file mode 100644 index 0000000..7b46a7e --- /dev/null +++ b/.codesandbox/workspace.json @@ -0,0 +1,20 @@ +{ + "responsive-preview": { + "Mobile": [ + 320, + 675 + ], + "Tablet": [ + 1024, + 765 + ], + "Desktop": [ + 1400, + 800 + ], + "Desktop HD": [ + 1920, + 1080 + ] + } +} \ No newline at end of file diff --git a/answer.html b/answer.html index 80c97d5..3d3fca3 100644 --- a/answer.html +++ b/answer.html @@ -1,155 +1,169 @@ - - - - - - + + + + - +
- - -
-
-
- -
-

{{s.title}}

-
- -
-
- -
-
時間
-
{{s.time}}
-
- -
-
價錢
-
{{s.price}}
-
- -
-
地點
-
{{s.address}}
-
- -
-
-
- - - + + +
+
+
+
+

{{s.title}}

+
+ +
+
+ +
+
時間
+
{{s.time}}
+
+ +
+
價錢
+
{{s.price}}
+
+ +
+
地點
+
{{s.address}}
+
+
+
+
+ +
- - - diff --git a/index.html b/index.html index 071cb79..c98e88a 100644 --- a/index.html +++ b/index.html @@ -1,97 +1,116 @@ - + - - - + + + + - +
- - -
-
-
- -
-

活動名

-
- -
-
- -
-
時間
-
時間
-
- -
-
價錢
-
價錢
-
- -
-
地點
-
地點
-
- -
-
-
- - - + + +
+
+
+
+

{{activityObject.title}}

+
+ +
+
+ +
+
時間
+
{{activityObject.time}}
+
+ +
+
價錢
+
{{activityObject.price}}
+
+ +
+
地點
+
{{activityObject.address}}
+
+
+
+
+ +
- - - diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 0000000..e69de29 diff --git a/vue2.learn.html b/vue2.learn.html new file mode 100644 index 0000000..bf52bce --- /dev/null +++ b/vue2.learn.html @@ -0,0 +1,40 @@ + + + + +
+ +

{{message}}

+ +
+ + + + + +

{{counter}}

+
+ + Hi, {{ fullName}} + 超連結 +
+ + +

用戶名稱:評論

+ + +

{{commentTxt}}

+

{{commentObject}}

+

jay:好讚的文章

+

ray:酷的文章

+
+ + + diff --git a/vue2.learn.js b/vue2.learn.js new file mode 100644 index 0000000..c226a2b --- /dev/null +++ b/vue2.learn.js @@ -0,0 +1,51 @@ +/* eslint-disable no-undef, no-unused-vars */ + +var data = { + name: "John", + last: "Blue", + imgSrc: + "https://i.picsum.photos/id/855/50/50.jpg?hmac=9d_VlWQlktXPctQUCnT-HwC72Mz1WGif07K_TcVjv7s", + commentObjectArr: [ + { + user: "jay", + text: "好讚的文章" + }, + { + user: "ray", + text: "酷的文章" + } + ], + commentTxtArr: ["文字1", "文字2"] +}; + +var app = new Vue({ + el: "#app", + + data: { + name: data.name, + + last: data.last, + titleTxt: data.TitleTxt || "文章", + imgSrc: data.imgSrc, + commentTxtArr: data.commentTxtArr, + commentObjectArr: data.commentObjectArr, + message: "Hi", + counter: 1 + }, + methods: { + counterPlus: function (eventData) { + console.log(eventData); + } + }, + computed: { + fullName() { + return this.last + this.name; + } + } +}); + +//改變名字 + +// $("#app").text = kitty ; + +app.name = "kitty";