47 lines
862 B
Vue
47 lines
862 B
Vue
<template>
|
|
<view>
|
|
<nav-bar title="京东" bgColor="#F0F4F9">
|
|
<template v-slot:center>
|
|
<view class="search-box">
|
|
<image class="search-icon" src="/static/image/shopping/jingdong/search-icon.png" mode="aspectFit">
|
|
</image>
|
|
<input class="input" type="text" placeholder="搜索我的订单" disabled />
|
|
</view>
|
|
</template>
|
|
</nav-bar>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
</script>
|
|
|
|
<style lang="less">
|
|
::v-deep .uni-navbar__header-btns {
|
|
width: auto !important;
|
|
}
|
|
|
|
.search-box {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
border-radius: 12rpx;
|
|
padding: 12rpx 16rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
border: 1rpx solid #E5E5E5;
|
|
|
|
.search-icon {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
flex-shrink: 0;
|
|
margin-right: 14rpx;
|
|
}
|
|
|
|
|
|
::v-deep .input-placeholder {
|
|
font-size: 26rpx;
|
|
line-height: 26rpx;
|
|
color: #CCCCCC;
|
|
}
|
|
}
|
|
</style> |