magazine-web/pages/market/index.vue

<template>
	<view class="container">
    <uni-search-bar class="uni-mt-10" radius="100" placeholder="一直不显示" clearButton="none" cancelButton="none" @confirm="search" />
    <text>分类</text>
    <text>推荐</text>
    <text>悬浮购物车</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
    },
		methods: {
      search (e) {
        console.log(e);
      }
    }
	}
</script>

<style lang="scss" scope>
	.search-result {
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: center;
	}

	.search-result-text {
		text-align: center;
		font-size: 14px;
		color:#666;
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		padding: 0px;
	}

	.uni-mt-10 {
    margin-top: 20px;
	}
</style>