Skip to content

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

首页

上级 69165b86
隐藏空白字符变更
内嵌 并排
正在显示 包含 433 行增加 和 7 行删除
index.html
浏览文件 @ 707dc173
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>y</title> <title>我玩我家</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
......
package.json
浏览文件 @ 707dc173
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
}, },
"dependencies": { "dependencies": {
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-router": "^3.0.1" "vue-router": "^3.0.1",
"element-ui": "^2.13.2"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "^7.1.2", "autoprefixer": "^7.1.2",
......
src/App.vue
浏览文件 @ 707dc173
<template> <template>
<div id="app"> <div id="app" v-cloak>
<router-view/> <router-view/>
</div> </div>
</template> </template>
......
src/assets/css/rest.css 0 → 100644
浏览文件 @ 707dc173
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
body,button,textarea,input {
line-height: 1;
font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
html ,body{
background:#fff;
color: #333333;
}
[v-cloak] {
display: none;
}
\ No newline at end of file
src/components/PageFooter.vue 0 → 100644
浏览文件 @ 707dc173
<template>
<div>
底部
</div>
</template>
<script>
export default {
name: "PageFooter",
};
</script>
<style scoped>
</style>
src/components/TopNav.vue 0 → 100644
浏览文件 @ 707dc173
<template>
<div class="main">
<div class="main_content">
<img style="width: 100px;height: 30px"
src="https://img2.baidu.com/it/u=3629687853,959678225&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" alt="">
<div>
<router-link to="/"><span class="text" style="color: #6BF7DC">首页</span></router-link>
<router-link to="/download"><span class="text">客户端下载</span></router-link>
<router-link to="/helpCenter"><span class="text">帮助中心</span></router-link>
<router-link to="/helpCenter"><span class="text">商家后台</span></router-link>
</div>
</div>
</div>
</template>
<script>
export default {
name: "TopNav",
};
</script>
<style scoped>
.main_content {
width: 1300px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
}
a {
text-decoration: none
}
.text {
width: 35px;
height: 17px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
margin-right: 30px;
}
.main {
background: #435e56;
padding: 10px;
}
</style>
src/main.js
浏览文件 @ 707dc173
...@@ -3,9 +3,14 @@ ...@@ -3,9 +3,14 @@
import Vue from 'vue' import Vue from 'vue'
import App from './App' import App from './App'
import router from './router' import router from './router'
import '../src/assets/css/rest.css'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
Vue.config.productionTip = false Vue.config.productionTip = false
Vue.use(ElementUI, {
size: 'small'
})
/* eslint-disable no-new */ /* eslint-disable no-new */
new Vue({ new Vue({
el: '#app', el: '#app',
......
src/router/index.js
浏览文件 @ 707dc173
import Vue from 'vue' import Vue from 'vue'
import Router from 'vue-router' import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld' const _import = (data) => resolve => require(['@/' + data + '.vue'], resolve);
Vue.use(Router) Vue.use(Router)
export default new Router({ export default new Router({
mode: 'history',
routes: [ routes: [
{ {
path: '/', path: '/',
name: 'HelloWorld', redirect: '/home'
component: HelloWorld },
{
path: '/',
name: 'index',
component: _import('views/index'),
children:[
{
path:'/download',
component: _import('views/download/index')
},
{
path:'/helpCenter',
component: _import('views/helpCenter/index')
},
{
path:'/home',
component: _import('views/home/index')
},
]
} }
] ]
}) })
src/views/download/index.vue 0 → 100644
浏览文件 @ 707dc173
<template>
<div>
客户端
</div>
</template>
<script>
export default {
name: "index",
};
</script>
<style scoped>
</style>
src/views/helpCenter/index.vue 0 → 100644
浏览文件 @ 707dc173
<template>
<div>
帮助中心
</div>
</template>
<script>
export default {
name: "index",
};
</script>
<style scoped>
</style>
src/views/home/index.vue 0 → 100644
浏览文件 @ 707dc173
<template>
<div style="height: 4000px">
<div class="cbusAB">
<video class="hKbpCH" height="432" src="../../../static/top_video.mp4" autoplay="autoplay" loop muted
playsinline></video>
<div class="home-img">
<img src="../../../static/txt.png" alt="">
<div class="home-text">一款超方便的软装销售软件</div>
</div>
</div>
<div class="main">
<el-row :gutter="20" style="margin-top: -55px">
<el-col :span="8">
<el-card class="box-card">
<div class="text_item">
<div style="margin-right: 20px">
<img src="../../../static/ic_01.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>丰富场景，VR漫游</h1>
<div class="text_item_text">天花板级3D设计效果，给客户带 来全新沉浸式购物体验</div>
</div>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card class="box-card">
<div class="text_item">
<div style="margin-right: 20px">
<img src="../../../static/ic_02.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>3D随心搭配</h1>
<div class="text_item_text">无需设计师，导购也可轻松搭配 软装效果，可见即可售</div>
</div>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card class="box-card">
<div class="text_item">
<div style="margin-right: 20px">
<img src="../../../static/ic_03.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>精选货源，一键报价</h1>
<div class="text_item_text">自带货源，支持自营商品，一键 生成报价清单</div>
</div>
</div>
</el-card>
</el-col>
</el-row>
<!--title1-->
<div>
<div class="title1">
<h1>现场设计，3D随心搭配</h1>
<p>零门槛轻松上手参与设计，快速替换软装、更换材质颜色，满足客户对家的设计需求</p>
</div>
<video style="object-fit: fill;max-height: unset;width: 100%" height="675" src="../../../static/top_video.mp4" autoplay="autoplay" loop muted
playsinline></video>
<div style="text-align: center;margin-top: 18px;cursor: pointer">
<img src="../../../static/btn_on.png" alt="">
</div>
</div>
</div>
<!--title2-->
<div class="main2" style="padding-bottom: 100px">
<div class="main">
<div class="title1" style="margin-top: 10px">
<h1 style="padding-top: 80px">电影级写实场景3D漫游</h1>
<p>海量免费场景随意走动、720°全景漫游、8K级视觉体验，让您的店铺超越空间界限</p>
</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="">
</el-col>
<el-col :span="12">
<img src="../../../static/home/2.png" alt="">
<img style="margin-top: 8px" src="../../../static/home/4.png" alt="">
</el-col>
</el-row>
</div>
</div>
<!--<title3></title3>-->
<div class="main">
<!--title3-->
<div>
<div class="title1">
<h1>多种效果呈现，快速引流</h1>
<p>搭配好设计方案，秒出报价清单，多种获客引流方式，实时获取客户电话信息，锁客如此简单！</p>
</div>
<el-row :gutter="20">
<el-col :span="6">
<el-card class="box-card">
<div>
<div style="text-align: center">
<img src="../../../static/home/i1.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>高清效果图</h1>
<div class="text_item_text">支持场景作品分享，自动镜头捕捉 一秒批量导出4K高清效果图</div>
</div>
</div>
</el-card>
</el-col>
<el-col :span="6">
<el-card class="box-card">
<div>
<div style="text-align: center">
<img src="../../../static/home/i2.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>VR全景图</h1>
<div class="text_item_text">支持分享VR全景，搭配小程序，随 时随地精准获客</div>
</div>
</div>
</el-card>
</el-col>
<el-col :span="6">
<el-card class="box-card">
<div>
<div style="text-align: center">
<img src="../../../static/home/i3.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>漫游视频</h1>
<div class="text_item_text">支持以漫游形式输出视频，随时可 在抖音、小红书等平台传播</div>
</div>
</div>
</el-card>
</el-col>
<el-col :span="6">
<el-card class="box-card">
<div>
<div style="text-align: center">
<img src="../../../static/home/i4.png" alt="">
</div>
<div style="margin-top: 10px">
<h1>一键报价</h1>
<div class="text_item_text">现场极速配货，支持快速报价、快 速打印商品清单</div>
</div>
</div>
</el-card>
</el-col>
</el-row>
<div style="text-align: center;margin-top: 60px;cursor: pointer">
<img src="../../../static/btn_on.png" alt="">
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
};
</script>
<style scoped>
.title1{
margin-top: 120px;
text-align: center;
font-family: PingFang SC;
font-weight: 800;
margin-bottom: 40px;
}
.title1 h1{
font-size: 32px;
color: #333333;
}
.title1 p{
margin-top: 15px;
font-size: 15px;
color: #9f9f9f;
}
.text_item_text{
margin-top: 14px;
font-size: 14px;
color: #666666;
line-height: 20px;
}
.text_item{
display: flex;
}
.cbusAB {
position: relative;
height: 610px;
background-size: cover;
color: rgb(255, 255, 255);
box-sizing: border-box;
}
.hKbpCH {
position: absolute;
left: 50%;
width: 100%;
height: 610px;
transform: translateX(-50%);
cursor: default;
object-fit: fill;
max-height: unset;
}
.home-img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 20%;
z-index: 99999
}
.home-text {
width: 390px;
height: 28px;
font-size: 30px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
margin: 30px auto;
}
.main {
width: 1300px;
margin: 0 auto;
}
.main2{
background: #f5f6fa;
}
</style>
src/views/index.vue 0 → 100644
浏览文件 @ 707dc173
<template>
<div>
<TopNav/>
<router-view></router-view>
<!--<PageFooter></PageFooter>-->
</div>
</template>
<script>
import TopNav from '@/components/TopNav'
import PageFooter from '@/components/PageFooter'
export default {
components:{TopNav,PageFooter},
name: "index",
};
</script>
<style scoped>
</style>
static/top_video.mp4 0 → 100644
浏览文件 @ 707dc173
文件已添加
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或