61 lines
1.1 KiB
Vue
61 lines
1.1 KiB
Vue
<script>
|
|
export default {
|
|
name: "landMark",
|
|
data() {
|
|
return {
|
|
keyword: ""
|
|
}
|
|
},
|
|
methods: {
|
|
search() {
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<view class="pkg-product-land-mark">
|
|
<view class="top-box">
|
|
<view class="view-box">
|
|
<view class="search-box flex ai-center">
|
|
<input type="text" v-model="keyword" placeholder="搜索商品" placeholder-style="color:#999"
|
|
@confirm="search()"/>
|
|
</view>
|
|
<view></view>
|
|
</view>
|
|
|
|
<view class="nav"></view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<style scoped lang="less">
|
|
.pkg-product-land-mark {
|
|
background: #F7F3ED;
|
|
|
|
.top-box {
|
|
padding: 20rpx 0;
|
|
background: #E12641;
|
|
|
|
.view-box {
|
|
margin: 0 32rpx;
|
|
padding: 20rpx 34rpx 34rpx;
|
|
border-radius: 40rpx;
|
|
background: #F7F3ED;
|
|
|
|
.search-box {
|
|
height: 64rpx;
|
|
padding: 0 32rpx;
|
|
border: 2rpx solid #E12641;
|
|
border-radius: 32rpx;
|
|
background: #FFFFFF;
|
|
|
|
input {
|
|
font-size: 28rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |