<template> <view class="container"> <view class="custom-nav-bar"> <text class="<em>back-button</em> ; height: 44px; /* 根据需要调整高度 */ background-color: #fff; /* 导航栏背景色 */ /* 其他样式属性 */ } .<em>back-button</em>
padding: 15px; text-align: center; position: relative; } .back-button </head> <body>
padding: 20px; } .header { margin-bottom: 20px; } .back-button align-items: center; gap: 8px; margin-bottom: 15px; } .back-button </style> </head> <body>
button right-button" @click="changePic({direction: 'left'})"><text>»</text>
:#f8f9fa;border-radius:5px;padding:15px;margin:20px0;font-size:12px;color:#6c757d;text-align:left;}.back-button #3498db;color:white;padding:12px24px;text-decoration:none;border-radius:5px;transition:background0.3s;}.back-button div>
-- 顶部导航栏 --> <view class="navbar"> <text class="<em>back-button</em>" @click="goBack">X</text> < navbar { display: flex; justify-content: space-between; align-items: center; padding: 20rpx; } .back-button
uni.navigateBack() } </script> <template> <view class="container"> <view class="header"> <text class="<em>back-button</em> margin-top: calc(env(safe-area-inset-top) + 2rem); } .header { display: flex; align-items: center; } .<em>back-button</em>