You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
2.7 KiB
139 lines
2.7 KiB
<template>
|
|
<view class="warp">
|
|
<view class="top_img">
|
|
<image src="/static/images/common/logo.png"></image>
|
|
<text>云车派工</text>
|
|
</view>
|
|
<view class="text1">- 实用、专业、高效的车队派工管理平台 -</view>
|
|
<image class="bg" src="/static/images/common/wel_cen.png"></image>
|
|
<view class="text2">为中国工程机械租赁企业量身定做</view>
|
|
<view class="lookVideo">
|
|
<uni-icons type="forward" color="#3375FE"></uni-icons>
|
|
<text>看视频了解更多</text>
|
|
</view>
|
|
<view class="bot_text">
|
|
<view class="dd"></view>
|
|
<view class="b_t_t">立即体验智能高效派工</view>
|
|
<view class="dd"></view>
|
|
</view>
|
|
<view class="bot_btn">
|
|
<view class="btn">
|
|
<image class="btn_logo" src="/static/images/common/wel_phone.png"></image>
|
|
<text>咨询购买</text>
|
|
</view>
|
|
<view class="btn">
|
|
<image class="btn_logo" src="/static/images/common/wel_handset.png" ></image>
|
|
<text>免费体验</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.warp{
|
|
width: 100%;
|
|
height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
.top_img{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-top: 50rpx;
|
|
image{
|
|
height: 100rpx;
|
|
width: 100rpx;
|
|
}
|
|
text{
|
|
font-size: 70rpx;
|
|
margin-left: 20rpx;
|
|
color:#2C71FD;
|
|
font-weight: bold;
|
|
font-family: PingFangSC-Ultralight,ans-serif;
|
|
}
|
|
}
|
|
.text1{
|
|
// margin-top:30rpx;
|
|
font-size: 29rpx;
|
|
color:#2C71FD;
|
|
font-weight: bold;
|
|
font-family: PingFangSC-Ultralight,ans-serif;
|
|
}
|
|
.bg{
|
|
// margin-top: 20rpx;
|
|
width: 538rpx;
|
|
height: 358rpx;
|
|
}
|
|
.text2{
|
|
// margin-top:20rpx;
|
|
font-size: 25rpx;
|
|
color:#3476FE;
|
|
font-weight: bold;
|
|
font-family: PingFangSC-Ultralight,ans-serif;
|
|
}
|
|
.lookVideo{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 5rpx 20rpx;
|
|
border: 2rpx solid #3375FE;
|
|
border-radius: 7rpx;
|
|
color: #3375FE;
|
|
font-size: 26rpx;
|
|
// margin-top: 30rpx;
|
|
}
|
|
.bot_text{
|
|
width: 650rpx;
|
|
// margin-top: 40rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
.dd{
|
|
width:150rpx;
|
|
border-top: 1rpx solid #e5e5e5;
|
|
}
|
|
.b_t_t{
|
|
width: 350rpx;
|
|
height: 70rpx;
|
|
color: #3375FE;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 26rpx;
|
|
}
|
|
}
|
|
.bot_btn{
|
|
width: 350rpx;
|
|
// margin-top: 20rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
.btn{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
image{
|
|
height: 90rpx;
|
|
width: 90rpx;
|
|
}
|
|
text{
|
|
margin-top: 10rpx;
|
|
font-size: 26rpx;
|
|
color: #3375FE;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|