Skip to content

M
myHouse_client
提交 aa8bc2b4 编写于 作者: zhangzhiwei's avatar zhangzhiwei
浏览文件
操作

配置需求

上级 f3ff7b6e
隐藏空白字符变更
内嵌 并排
正在显示 包含 99 行增加 和 20 行删除
src/assets/css/rest.css
浏览文件 @ aa8bc2b4
......@@ -26,7 +26,7 @@ quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: '';
content: none;
}
/* remember to define focus styles! */
......@@ -52,4 +52,4 @@ html ,body{
}
[v-cloak] {
display: none;
}
\ No newline at end of file
}
src/views/download/index.vue
浏览文件 @ aa8bc2b4
<template>
<div>
客户端
<div style="height: 2000px">
<img src="/static/home/banner.png" alt="">
<div class="main">
<h1 style="text-align: center;margin: 35px auto;font-size: 30px">配置需求</h1>
<div>
<el-row style="text-align: center">
<el-col :span="4" class="download_explain_head " style="border-top-left-radius:10px;"><span> </span></el-col>
<el-col :span="5" class="download_explain_head ">系统</el-col>
<el-col :span="6" class="download_explain_head ">CPU</el-col>
<el-col :span="6" class="download_explain_head ">显卡</el-col>
<el-col :span="3" class="download_explain_head " style="border-top-right-radius:10px;">内存</el-col>
</el-row>
<el-row style="text-align: center">
<el-col :span="4" class="download_explain_text download_explainBg">推荐配置</el-col>
<el-col :span="5" class="download_explain_text download_explainBg1">Windows10 64位</el-col>
<el-col :span="6" class="download_explain_text download_explainBg">英特尔i7九代以上处理器</el-col>
<el-col :span="6" class="download_explain_text download_explainBg1" style="position: relative">
<div>GTX3060或同级以上</div>
<div style="position: absolute;top:22px;left: 75px">（支持光追）</div>
</el-col>
<el-col :span="3" class="download_explain_text download_explainBg">16G</el-col>
</el-row>
<el-row style="text-align: center">
<el-col :span="4" class="download_explain_text download_explainBg">最低配置</el-col>
<el-col :span="5" class="download_explain_text download_explainBg1">Windows7 64位</el-col>
<el-col :span="6" class="download_explain_text download_explainBg">英特尔i5九代以上处理器</el-col>
<el-col :span="6" class="download_explain_text download_explainBg1">GTX1660或同级以上</el-col>
<el-col :span="3" class="download_explain_text download_explainBg">8G</el-col>
</el-row>
<p style="color: #FF6000;margin-top: 6px;font-size: 14px;font-family:PingFang-SC-Regular">温馨提示：安装前请关闭杀毒软件</p>
<h1 style="text-align: center;margin: 50px auto;font-size: 30px">相关下载</h1>
<el-row :gutter="30">
<el-col :span="12">
<el-card>
<div style="display: flex;align-items: center;">
<div>
<img src="/static/home/icon.png" alt="">
</div>
<div style="line-height: 22px;margin-left: 10px">
<p style="font-weight: 550">UE4依赖库</p>
<p style="color:#666666;font-size: 12px ">场景必备运行环境</p>
</div>
</div>
</el-card>
</el-col>
<el-col :span="12">
<el-card>
<div style="display: flex;align-items: center;">
<div>
<img src="/static/home/icon.png" alt="">
</div>
<div style="line-height: 22px;margin-left: 10px">
<p style="font-weight: 550">UE4依赖库</p>
<p style="color:#666666;font-size: 12px ">场景必备运行环境</p>
</div>
</div>
</el-card>
</el-col>
</el-row>
</div>
</div>
</div>
</template>
......@@ -11,5 +70,25 @@
</script>
<style scoped>
.download_explain_head{
color: #ffffff;
height: 30px;
line-height: 30px;
background-color: #282c32;
}
.download_explain_text{
height: 120px;
line-height: 120px;
border-bottom: 1px solid #efefef;
}
.download_explainBg {
background: #f5f5f5;
}
.download_explainBg1 {
background:#ffffff;
}
.main {
width: 1000px;
margin: 0 auto;
}
</style>
src/views/home/index.vue
浏览文件 @ aa8bc2b4
<template>
<div class="body">
<div class="cbusAB">
<video class="hKbpCH" height="600" src="../../../static/top_video.mp4" autoplay="autoplay" loop muted
<video class="hKbpCH" height="600" src="/static/top_video.mp4" autoplay="autoplay" loop muted
playsinline></video>
<div class="home-img">
<img src="../../../static/txt.png" alt="">
<img src="/static/txt.png" alt="">
<div class="home-text">一款超方便的软装销售软件</div>
<img class="home-img" style="top: 140%" src="../../../static/btn_on.png" alt="">
<img class="home-img" style="top: 140%" src="/static/btn_on.png" alt="">
</div>
</div>
<div class="main">
......@@ -15,7 +15,7 @@
<el-card class="box-card">
<div class="text_item">
<div style="margin-right: 20px">
<img src="../../../static/ic_01.png" alt="">
<img src="/static/ic_01.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>丰富场景，VR漫游</h1>
......@@ -28,7 +28,7 @@
<el-card class="box-card">
<div class="text_item">
<div style="margin-right: 20px">
<img src="../../../static/ic_02.png" alt="">
<img src="/static/ic_02.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>3D随心搭配</h1>
......@@ -41,7 +41,7 @@
<el-card class="box-card">
<div class="text_item">
<div style="margin-right: 20px">
<img src="../../../static/ic_03.png" alt="">
<img src="/static/ic_03.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>精选货源，一键报价</h1>
......@@ -73,12 +73,12 @@
</div>
<el-row :gutter="10">
<el-col :span="12" style="text-align: right">
<img src="../../../static/home/1.png" alt="">
<img style="margin-top: 8px" src="../../../static/home/3.png" alt="">
<img src="/static/home/1.png" alt="">
<img style="margin-top: 8px" src="/static/home/3.png" alt="">
</el-col>
<el-col :span="12">
<img src="../../../static/home/2.png" alt="">
<img style="margin-top: 8px" src="../../../static/home/4.png" alt="">
<img src="/static/home/2.png" alt="">
<img style="margin-top: 8px" src="/static/home/4.png" alt="">
</el-col>
</el-row>
</div>
......@@ -96,7 +96,7 @@
<el-card class="box-card">
<div>
<div style="text-align: center">
<img src="../../../static/home/i1.png" alt="">
<img src="/static/home/i1.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>高清效果图</h1>
......@@ -109,7 +109,7 @@
<el-card class="box-card">
<div>
<div style="text-align: center">
<img src="../../../static/home/i2.png" alt="">
<img src="/static/home/i2.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>VR全景图</h1>
......@@ -122,7 +122,7 @@
<el-card class="box-card">
<div>
<div style="text-align: center">
<img src="../../../static/home/i3.png" alt="">
<img src="/static/home/i3.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>漫游视频</h1>
......@@ -135,7 +135,7 @@
<el-card class="box-card">
<div>
<div style="text-align: center">
<img src="../../../static/home/i4.png" alt="">
<img src="/static/home/i4.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>一键报价</h1>
......@@ -146,7 +146,7 @@
</el-col>
</el-row>
<div style="text-align: center;margin-top: 60px;cursor: pointer;margin-bottom: 100px">
<img src="../../../static/btn_on.png" alt="">
<img src="/static/btn_on.png" alt="">
</div>
</div>
</div>
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或