Merge pull request '三个模块的第一个版本、对样式的小调整' (#1) from soul2/views into develop

Reviewed-on: soul2-demo-module/cn-soul2-web#1
develop
soul2 3 years ago
commit be7b8641a5
  1. 5
      src/layout/components/footer.vue
  2. 2
      src/layout/components/navbar/index.vue
  3. 32
      src/layout/index.vue
  4. 1
      src/style/index.scss
  5. 21
      src/style/layout/index.scss
  6. 125
      src/views/home/index.vue
  7. 95
      src/views/sodemo/index.vue
  8. 55
      src/views/soui/index.vue

@ -1,6 +1,6 @@
<template> <template>
<div id="app-footer"> <div id="app-footer">
<a class="record-number" href="http://beian.miit.gov.cn/">粤ICP备2020098994号</a> Soul2 | <a class="record-number" href="http://beian.miit.gov.cn/">粤ICP备2020098994号</a>
</div> </div>
</template> </template>
@ -14,9 +14,6 @@ export default {
@import "~@/style/layout/footer.scss"; @import "~@/style/layout/footer.scss";
#app-footer { #app-footer {
position: absolute;
bottom: 20px;
left: 0;
width: 100%; width: 100%;
} }

@ -50,7 +50,7 @@ export default {
sm: 5, sm: 5,
md: 4, md: 4,
lg: 3, lg: 3,
xl: 1 xl: 2
} }
}, },
menuStyle() { menuStyle() {

@ -1,6 +1,7 @@
<template> <template>
<div id="layout"> <div id="layout">
<el-container> <!-- <div id="bg" :style="randomUrl" />-->
<el-container style="height: 100%;">
<el-header> <el-header>
<navbar/> <navbar/>
</el-header> </el-header>
@ -9,7 +10,7 @@
<app-main/> <app-main/>
</el-scrollbar> </el-scrollbar>
</el-main> </el-main>
<el-footer> <el-footer style="height: 40px;">
<app-footer/> <app-footer/>
</el-footer> </el-footer>
</el-container> </el-container>
@ -20,10 +21,19 @@
import AppMain from "@/layout/components/AppMain"; import AppMain from "@/layout/components/AppMain";
import Navbar from "@/layout/components/navbar"; import Navbar from "@/layout/components/navbar";
import AppFooter from "@/layout/components/footer"; import AppFooter from "@/layout/components/footer";
import Background from "@/layout/components/background";
export default { export default {
name: "Layout", name: "Layout",
components: {Navbar, AppMain, AppFooter} components: {Background, Navbar, AppMain, AppFooter},
computed: {
randomUrl() {
let n = Math.floor(Math.random() * 5 + 1)
return {
background: "url(http://soul2.cn/images/spi_a" + n + ".jpg) center no-repeat fixed"
}
}
}
} }
</script> </script>
@ -32,10 +42,24 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
} }
el-container { #bg {
height: 100%; height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
}
el-container {
padding-top: 0; padding-top: 0;
} }
</style> </style>

@ -3,6 +3,7 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
z-index: 5;
} }
body { body {

@ -0,0 +1,21 @@
a {
color: #b79500;
}
a:hover {
animation-name: aHover;
animation-duration: 0.8s;
animation-timing-function: ease-in;
animation-direction: alternate;
animation-iteration-count: infinite;
}
@keyframes aHover {
from {
opacity: 1;
}
to {
opacity: 0.5;
}
}

@ -1,17 +1,134 @@
<template> <template>
<div id="home">
<!-- 这是一个首页 <br>-->
<!-- 如你所见它现在还什么都没有但马上就会有了 <br>-->
<!-- By Soul2-->
<el-card shadow="always">
<el-collapse :accordion="accordion" v-model="expand" style="text-align: left">
<el-collapse-item name="openShow">
<template slot="title">
关于灵魂演示
</template>
<div> <div>
这是一个首页 <br> <p>
如你所见它现在还什么都没有但马上就会有了 <br> 这是一套你不能错过的魔兽地图编辑器入门教程
By Soul2 </p>
<p>
灵魂演示是灵魂所制作的一套强大的
<el-link
href='https://xywiki.com/%E9%AD%94%E5%85%BD%E5%9C%B0%E5%9B%BE%E7%BC%96%E8%BE%91%E5%99%A8'
target='_blank'
type="primary"
style="font-size: 12px"
>
魔兽地图编辑器
</el-link>
系统演示地图涵盖了许多新手入门所关注和需要的内容
</p>
<p>
灵魂演示地图基于
<el-link
href='https://xywiki.com/YDWE'
target='_blank'
type="primary"
style="font-size: 12px"
>
YDWE
</el-link>
1.27.5 制作请使用 YDWE 1.27.5 或以上的版本打开灵魂演示地图否则可能会导致
<el-link
href='https://xywiki.com/WE%E5%85%BC%E5%AE%B9%E6%80%A7%E9%94%99%E8%AF%AF'
target='_blank'
type="primary"
style="font-size: 12px"
>
WE兼容性错误
</el-link>
</p>
<p>
你可以选择
<el-link
href='http://next.soul2.cn/download/soul-demo/%E5%90%88%E9%9B%86.zip'
target='_blank'
type="primary"
style="font-size: 12px"
icon="el-icon-download"
>
点击这里
</el-link>
一次性下载所有演示地图也可以通过点击下方各个按钮以你希望的方式下载你所需要的特定演示地图
</p>
<div style="margin-top: 7px;">
<el-button size="mini" class="el-icon-position"
@click="goto('https://wow8.org/soul-demo/')"
>
Wow8
</el-button>
<el-button size="mini" class="el-icon-position"
@click="goto('https://tieba.baidu.com/p/4575301644')"
>
贴吧
</el-button>
<el-button size="mini" class="el-icon-cloudy"
@click="goto('https://share.weiyun.com/5YXLT4L')"
>
微云
</el-button>
<el-button size="mini" class="el-icon-cloudy"
@click="goto('https://pan.baidu.com/s/1bGeoOm#list/path=%2F')"
>
百度云
</el-button>
</div>
</div>
</el-collapse-item>
<el-collapse-item name="soui">
<template slot="title">
关于SoUI
</template>
<div>
<p>SoUI是基于魔兽争霸III地图编辑器的一个扩展性Mod, 仅使用编辑器原有的函数为使用者增加一些更方便的功能</p>
<p>当前最新版本的SoUI版本是
<el-link href="http://bbs.mvprpg.com/forum.php?mod=viewthread&tid=465517"
type="primary" :underline="false">
<el-tag size="mini">0.4.6</el-tag>
</el-link>
</p>
</div>
</el-collapse-item>
</el-collapse>
</el-card>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "Home" name: "Home",
components: {},
computed: {
expand() {
return ['openShow', 'soui']
}
},
methods: {
goto(where) {
location.href = where
}
}
} }
</script> </script>
<style scoped> <style scoped>
@import "~@/style/layout/index.scss";
#home {
padding-left: 15%;
padding-right: 15%;
}
a {
}
</style> </style>

@ -1,10 +1,93 @@
<template> <template>
<div id="so-demo"> <div id="so-demo" style="padding: 0 15%;">
灵魂演示 <br> <el-card shadow="always">
这是一套你不能错过的魔兽地图编辑器入门教程 <br> <div slot="header">
灵魂演示是灵魂所制作的一套强大的魔兽地图编辑器系统演示地图涵盖了许多新手入门所关注和需要的内容 <br> 关于灵魂演示
你可以选择点击这里一次性下载所有演示地图也可以通过点击下方各个按钮以你希望的方式下载你所需要的特定演示地图 <br> </div>
提醒灵魂演示地图基于 YDWE 1.27.5 制作请使用 YDWE 1.27.5 或以上的版本打开灵魂演示地图否则可能会导致 WE兼容性错误 <br> <div>
<p>
这是一套你不能错过的魔兽地图编辑器入门教程
</p>
<p>
灵魂演示是灵魂所制作的一套强大的
<el-link
href='https://xywiki.com/%E9%AD%94%E5%85%BD%E5%9C%B0%E5%9B%BE%E7%BC%96%E8%BE%91%E5%99%A8'
target='_blank'
type="primary"
>
魔兽地图编辑器
</el-link>
系统演示地图涵盖了许多新手入门所关注和需要的内容
</p>
<p>
灵魂演示地图基于
<el-link
href='https://xywiki.com/YDWE'
target='_blank'
type="primary"
>
YDWE
</el-link>
1.27.5 制作请使用 YDWE 1.27.5 或以上的版本打开灵魂演示地图否则可能会导致
<el-link
href='https://xywiki.com/WE%E5%85%BC%E5%AE%B9%E6%80%A7%E9%94%99%E8%AF%AF'
target='_blank'
type="primary"
>
WE兼容性错误
</el-link>
</p>
<p>
你可以选择
<el-link
href='http://next.soul2.cn/download/soul-demo/%E5%90%88%E9%9B%86.zip'
target='_blank'
type="primary"
icon="el-icon-download"
>
点击这里
</el-link>
一次性下载所有演示地图也可以通过点击下方各个按钮以你希望的方式下载你所需要的特定演示地图
</p>
<div style="margin-top: 7px;">
<el-button size="mini" class="el-icon-position"
@click="goto('https://wow8.org/soul-demo/')"
>
Wow8
</el-button>
<el-button size="mini" class="el-icon-position"
@click="goto('https://tieba.baidu.com/p/4575301644')"
>
贴吧
</el-button>
<el-button size="mini" class="el-icon-cloudy"
@click="goto('https://share.weiyun.com/5YXLT4L')"
>
微云
</el-button>
<el-button size="mini" class="el-icon-cloudy"
@click="goto('https://pan.baidu.com/s/1bGeoOm#list/path=%2F')"
>
百度云
</el-button>
</div>
</div>
</el-card>
<el-card shadow="always" style="margin-top: 20px;">
<div slot="header">第三卷的教程是视频教程</div>
<div>
放到了
<el-link href="https://space.bilibili.com/8225928" type="primary">我的B站账号</el-link>
</div>
</el-card>
<el-card shadow="always" style="margin-top: 20px;">
<div slot="header">另外</div>
<div>每期的列表将会在不久后展示</div>
</el-card>
</div> </div>
</template> </template>

@ -1,23 +1,46 @@
<template> <template>
<div id="soui"> <div id="soui" style="text-align: left;padding: 0 15%;">
So UI <br> <el-card shadow="always">
这是一个魔兽争霸3地图编辑器的功能扩展包. <br> <div class="title" slot="header" style="text-align: center">
<div class="readme">
<div class="title">
关于SoUI 关于SoUI
</div> </div>
<ul> <p>这是一个基于YDWEv1.31.8(+网易DzAPI 1.2.9a)打包的魔兽争霸3地图编辑器扩展包.</p>
<li>这是一个基于YDWEv1.31.8(+网易DzAPI 1.2.9a)打包的魔兽争霸3地图编辑器扩展包.</li> <p>该扩展包添加了一些减少重复劳动的编辑器额外动作UI.</p>
<li>该扩展包添加了一些减少重复劳动的编辑器额外动作UI.</li> <p>扩展包部分内容仍处于测试阶段,其功能可能存有未知BUG.</p>
<li>扩展包部分内容仍处于测试阶段,其功能可能存有未知BUG.</li> <p>已提供部分额外功能的演示地图,安装后可以在安装目录\example(演示地图)\SoUI文件夹内找到.</p>
<li>已提供部分额外功能的演示地图,安装后可以在安装目录\example(演示地图)\SoUI文件夹内找到.</li> <p>未经本人许可擅自将SoUI在网上散播者将承担盗版乱传的相关法律责任,并且传播者将承担所有使用者使用本UI带来的所有负面后果,Soul本人不承担任何责任.</p>
<li>未经本人许可擅自将SoUI在网上散播者将承担盗版乱传的相关法律责任,并且传播者将承担所有使用者使用本UI带来的所有负面后果,本人不承担任何责任.</li> <p>SoUI仅对编辑器功能进行扩展,不涉及编辑器原有功能的修改.</p>
<li>发现任何BUG可以<a href="" id="ret">点击这里</a>进行反馈</li> </el-card>
<li>
SoUI仅对编辑器功能进行扩展,不涉及编辑器原有功能的修改. <el-card shadow="always" style="margin-top: 20px;">
</li> <div slot="header" style="text-align: center">关于版本</div>
</ul> <div>
<p>最新的版本是
<el-tag size="mini">0.4.6</el-tag>
</p>
<p>可能会有
<el-tag size="mini">0.5.0</el-tag>
(也许)
</p>
</div>
</el-card>
<el-card shadow="always" style="margin-top: 20px;">
<div slot="header" style="text-align: center">下载</div>
<div>
<el-button size="mini" class="el-icon-cloudy"
@click="goto('https://share.weiyun.com/dlM6m0EE')"
>
微云
</el-button>
<el-button size="mini" class="el-icon-cloudy"
@click="goto('https://pan.baidu.com/s/1bL96VxXYSCW8pSsVZ5rzrw#awsl')"
>
百度云
</el-button>
</div> </div>
</el-card>
</div> </div>
</template> </template>

Loading…
Cancel
Save