docs: fix demo-list children miss width style (#2769)

* docs: change docs content * docs: fix demo-list children miss width style
opentiny · Jan 10, 2025 · 8373a4d · 8373a4d
1 parent 8923d64
commit 8373a4d
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 9 deletions.
diff --git a/examples/sites/demos/pc/webdoc/installation-en.md b/examples/sites/demos/pc/webdoc/installation-en.md
@@ -48,12 +48,8 @@ export default defineConfig({
 ```
 
 <div class="tip custom-block">
-<br>
 <p> To avoid the uncertainty associated with monthly (minor) upgrades of <code> @opentiny/vue </code>, it is recommended to use ~ before relying on the version number of the package in <code> package.json </code> in your project.
 For example, <code>"@opentiny/vue": "~3.12.0</code>. </p>
-</div>
-<div class="tip custom-block">
-<br>
 <p><code> @opentiny/vue </code> supports multiple modes. If your project is not a mobile project, you can declare the value of <code>TINY_MODE</code> in <code>process.env</code> in the above configuration code. In order to make the project during construction, the mobile side code can be shaken off and the volume of the packaged product can be optimized. For example, <code>'process.env': {... env,TINY_MODE:'pc'}</code>. </p>
 </div>
 

diff --git a/examples/sites/demos/pc/webdoc/installation.md b/examples/sites/demos/pc/webdoc/installation.md
@@ -48,12 +48,8 @@ export default defineConfig({
 ```
 
 <div class="tip custom-block">
-  <br>
   <p>为了避免<code> @opentiny/vue </code> 的月度版本 (minor) 升级带来的不确定因素，因此推荐在您的工程中的<code> package.json </code> 中依赖包的版本号前使用 ~，
     比如 <code>"@opentiny/vue": "~3.12.0</code>。</p>
-</div>
-<div class="tip custom-block">
-  <br>
   <p><code> @opentiny/vue </code> 支持多种模式。如果您的工程非移动端工程，可以在上面配置代码中的<code>process.env</code>中，声明<code>TINY_MODE</code>的值，以使工程在构建时，能将移动端模式的代码摇掉，优化打包产物的体积。比如 <code>'process.env': { ...process.env,TINY_MODE:'pc' }</code>。</p>
 </div>
 
@@ -86,7 +82,7 @@ export default defineConfig({
 
 | Runtime 名称              | 使用说明                   |
 | ------------------------- | -------------------------- |
-| tiny-vue-pc.mjs           | 包含所有 pc 模板的组件集合   |
+| tiny-vue-pc.mjs           | 包含所有 pc 模板的组件集合 |
 | tiny-vue-mobile.mjs       | 包含所有移动模板的组件集合 |
 | tiny-vue-mobile-first.mjs | 包含所有多端模板的组件集合 |
 | tiny-vue-simple.mjs       | 包含常用组件的集合         |

diff --git a/examples/sites/src/views/components/demo.vue b/examples/sites/src/views/components/demo.vue
@@ -301,6 +301,7 @@ export default defineComponent({
 <style lang="less" scoped>
 .demo-container {
   min-height: 200px;
+  width: 100%;
 }
 
 .is-current {