51 lines
1.6 KiB
Vue
51 lines
1.6 KiB
Vue
<template>
|
|
<view>
|
|
<view class="w100 h-186" style="background-image: linear-gradient(to bottom,#F2BCBF,#F7F6FA);">
|
|
<uni-nav-bar left-icon="back" title="商品列表" :border="false" backgroundColor="transparent" class="fw-b" @clickLeft="$tools.goBack()"></uni-nav-bar>
|
|
</view>
|
|
<view class="w100 rowsc rows mb-20">
|
|
<view class="w-710 h-80 bgff br-100 rows rowsm pl-20 pr-6 rowsb">
|
|
<view class="rows rowsm">
|
|
<image class="w-30 h-32 mr-12" src="/static/images/01_ss.png" mode=""></image>
|
|
<input type="text" placeholder="请输入您要搜索的信息" class="fs-28 w-510"/>
|
|
</view>
|
|
<view class="w-120 h-68 br-100 bg rows rowsm rowsc colfff fs-28">搜索</view>
|
|
</view>
|
|
</view>
|
|
<scroll-view scroll-y="true" style="height: calc(100vh - 330rpx);">
|
|
<view class="w100 rows rowsc">
|
|
<view class="w-690 h-332 rows rowsw rowsb">
|
|
<view class="rows rowsl w-332 rowsm mb-20 bgff br-20 pb-10" v-for="(item,index) in 13" :key="index"
|
|
@click="$tools.goNext('/pageOne/indexs/detail')">
|
|
<image class="w-332 h-322 br-20" src="/static/other/3.png" mode="aspectFill"></image>
|
|
<view class="w100 pl-10 pr-10 one_overflow fs-28 mt-10 fw-b">
|
|
全新红安瓶面部精华液
|
|
</view>
|
|
<view class="w100 rows rowsm pl-10 pr-10 mt-10 rowsb">
|
|
<text class="fs-30 fw-b" style="color: #E43B3B;">￥59.30</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page{
|
|
background-color: #F7F6FA;
|
|
}
|
|
</style> |