Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@yuda-lyu
yuda-lyu committed Jan 9, 2024
1 parent 08920e0 commit de7f64e
Show file tree
Hide file tree
Showing 50 changed files with 1,452 additions and 687 deletions.
2 changes: 1 addition & 1 deletion examples/app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@


<!-- app -->
<script src="app.umd.js?1704811219076"></script>
<script src="app.umd.js?1704814529209"></script>

</head>
<body style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;">
Expand Down
12 changes: 6 additions & 6 deletions examples/app.umd.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion examples/app.umd.js.map
View file

Large diffs are not rendered by default.

47 changes: 32 additions & 15 deletions examples/ex-AppBasicAutoRotateDeg.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.0/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,26 +70,43 @@
</script>

<style>
.option-label {
position: absolute;
left: 10px;
top: -33px;
padding: 4px 20px 7px 20px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #f6f6f6;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background: #f6f6f6;
.bkh {
padding: 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkh {
padding: 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkh {
padding: 5px;
}
}
.bkp {
padding: 0px 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkp {
padding: 0px 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkp {
padding: 0px 5px;
}
}
</style>
</head>
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div style="padding:20px;">
<div class="bkh">
<div style="font-size:1.5rem;">autoRotateDeg</div>
<a
href="//yuda-lyu.github.io/w-threejs-vue/examples/ex-AppBasicAutoRotateDeg.html"
Expand All @@ -103,7 +120,7 @@
>code</a>
</div>

<div style="padding:0px 20px;">
<div class="bkp">
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<div
Expand Down
47 changes: 32 additions & 15 deletions examples/ex-AppBasicBackgroundColor.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.0/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,26 +70,43 @@
</script>

<style>
.option-label {
position: absolute;
left: 10px;
top: -33px;
padding: 4px 20px 7px 20px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #f6f6f6;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background: #f6f6f6;
.bkh {
padding: 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkh {
padding: 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkh {
padding: 5px;
}
}
.bkp {
padding: 0px 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkp {
padding: 0px 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkp {
padding: 0px 5px;
}
}
</style>
</head>
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div style="padding:20px;">
<div class="bkh">
<div style="font-size:1.5rem;">backgroundColor</div>
<a
href="//yuda-lyu.github.io/w-threejs-vue/examples/ex-AppBasicBackgroundColor.html"
Expand All @@ -103,7 +120,7 @@
>code</a>
</div>

<div style="padding:0px 20px;">
<div class="bkp">
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<div
Expand Down
47 changes: 32 additions & 15 deletions examples/ex-AppBasicSize.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.0/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,26 +70,43 @@
</script>

<style>
.option-label {
position: absolute;
left: 10px;
top: -33px;
padding: 4px 20px 7px 20px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #f6f6f6;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background: #f6f6f6;
.bkh {
padding: 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkh {
padding: 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkh {
padding: 5px;
}
}
.bkp {
padding: 0px 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkp {
padding: 0px 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkp {
padding: 0px 5px;
}
}
</style>
</head>
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div style="padding:20px;">
<div class="bkh">
<div style="font-size:1.5rem;">size</div>
<a
href="//yuda-lyu.github.io/w-threejs-vue/examples/ex-AppBasicSize.html"
Expand All @@ -103,7 +120,7 @@
>code</a>
</div>

<div style="padding:0px 20px;">
<div class="bkp">
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<w-threejs-vue :opt="opt"></w-threejs-vue>
Expand Down
47 changes: 32 additions & 15 deletions examples/ex-AppBasicUploadStl.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.0/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,26 +70,43 @@
</script>

<style>
.option-label {
position: absolute;
left: 10px;
top: -33px;
padding: 4px 20px 7px 20px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #f6f6f6;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background: #f6f6f6;
.bkh {
padding: 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkh {
padding: 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkh {
padding: 5px;
}
}
.bkp {
padding: 0px 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkp {
padding: 0px 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkp {
padding: 0px 5px;
}
}
</style>
</head>
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div style="padding:20px;">
<div class="bkh">
<div style="font-size:1.5rem;">uploadStl</div>
<a
href="//yuda-lyu.github.io/w-threejs-vue/examples/ex-AppBasicBackgroundColor.html"
Expand All @@ -103,7 +120,7 @@
>code</a>
</div>

<div style="padding:0px 20px;">
<div class="bkp">
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<div
Expand Down
47 changes: 32 additions & 15 deletions examples/ex-AppBasicUseAutoRotate.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.0/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,26 +70,43 @@
</script>

<style>
.option-label {
position: absolute;
left: 10px;
top: -33px;
padding: 4px 20px 7px 20px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #f6f6f6;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background: #f6f6f6;
.bkh {
padding: 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkh {
padding: 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkh {
padding: 5px;
}
}
.bkp {
padding: 0px 20px; /* 寬 */
}
@media screen and (max-width: 800px) {
/* 中 */
.bkp {
padding: 0px 10px;
}
}
@media screen and (max-width: 400px) {
/* 窄 */
.bkp {
padding: 0px 5px;
}
}
</style>
</head>
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div style="padding:20px;">
<div class="bkh">
<div style="font-size:1.5rem;">useAutoRotate</div>
<a
href="//yuda-lyu.github.io/w-threejs-vue/examples/ex-AppBasicUseAutoRotate.html"
Expand All @@ -103,7 +120,7 @@
>code</a>
</div>

<div style="padding:0px 20px;">
<div class="bkp">
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<div
Expand Down

0 comments on commit de7f64e

Please sign in to comment.