小程序页面头

最新推荐文章于 2024-05-22 15:29:13 发布

Raite31

最新推荐文章于 2024-05-22 15:29:13 发布

阅读量31

点赞数

分类专栏：一周总结文章标签：小程序前端

本文链接：https://blog.csdn.net/weixin_44696269/article/details/132382449

版权

一周总结专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<template>
    <!-- 顶部栏 -->
    <view
        class="header-box"
        style="color: #fff; padding: 0 20rpx; position: relative"
    >
        <view style="position: absolute; left: 20rpx">
            <u-icon
                class="ml24 mr254 mt40 header-icon"
                name="arrow-left"
                size="38"
                @click="app.goPage(-1)"
            >
            </u-icon>
        </view>
        <!-- #ifndef H5 -->
        <view class="window-top mb40"></view>
        <!-- #endif -->
        <view
            class="fs34 text-center"
            style="width: 100%; text-align: center"
        >
            {{ app.langReplace('确认订单') }}
        </view>
    </view>

    <view class="contain">
    </view>
</template>


<style lang="scss">
.header-box {
	display: flex;
	height: 300rpx;
	background: linear-gradient(
		161.12deg,
		rgba(252, 91, 123, 1) 0%,
		rgba(255, 66, 97, 1) 100%
	);
	color: #ffffff;
	.header-icon{
		margin-top: 65rpx !important;
	}
	.text-center{
		padding: 60rpx;
	}
}
.contain{
    position: relative;
    top: -1200rpx;
}
</style>