<script setup>
|
function navTo(){
|
uni.navigateTo({
|
url:'/pages/preSendWater/index'
|
})
|
}
|
</script>
|
<template>
|
<view class="container">
|
<navbar title = '送水到家'></navbar>
|
<view class="content">
|
<view class="nav-container">
|
<view class="nav-title">
|
<view class="title-one" @click="navTo()">立即预约</view>
|
<view class="title-text">待配送</view>
|
<view class="title-text">已完成</view>
|
</view>
|
<view class="main1"></view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<style lang='scss'>
|
.container{
|
width: 100%;
|
height: 100vh;
|
.content{
|
width: 100%;
|
height:calc(100vh - 176rpx);
|
background:linear-gradient(to top,#FFFFFF,#E8EFFF);
|
.nav-container{
|
height: 160rpx;
|
width:100%;
|
padding: 20rpx 0;
|
box-sizing: border-box;
|
.nav-title{
|
width: 100%;
|
background: #FFF;
|
padding: 0 32rpx;
|
box-sizing: border-box;
|
height: 120rpx;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
.title-one{
|
height: 60rpx;
|
width: 160rpx;
|
background: #DEEDFF;
|
border: 2rpx solid #4AA3FF;
|
text-align: center;
|
line-height:60rpx;
|
border-radius:24rpx;
|
font-weight: 300;
|
font-size: 28rpx;
|
color: #007EFF;
|
}
|
.title-text{
|
font-weight: 300;
|
font-size: 28rpx;
|
color: #000000;
|
width:120rpx;
|
height:88rpx;
|
text-align: center;
|
line-height:88rpx;
|
border-bottom:6rpx solid #226AC9;
|
}
|
}
|
}
|
|
}
|
}
|
</style>
|
