YouTuan_wxapp/pages/publish/publish.wxss

/* pages/publish/publish.wxss */
page{
  background-color: #F7F7F7;
}
.nav-wrap {
  position: fixed;
  width: 100%;
  top: 0;
  background: #F7F7F7;
  color: #000;
  z-index: 9999999;
}
/* 标题要居中 */
.nav-title {
  position: absolute;
  text-align: center;
  max-width: 400rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 32rpx;
  color: #2c2b2b;
}

.nav-capsule {
  display: flex;
  align-items: center;
  margin-left: 30rpx;
  width: 140rpx;
  justify-content: space-between;
  height: 100%;
}

.navbar-v-line {
  width: 1px;
  height: 32rpx;
  background-color: #e5e5e5;
}
.pub-top{
  width: 100%;
  height: 180rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pub-top button{
  width: 622rpx;
  height: 74rpx;
  border-radius: 50rpx;
}
.pub-but-one{
  background-color: #FF874E;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28rpx;
  box-shadow: 0 4rpx 18rpx 0 rgba(255,135,78,0.4);
}
.pub-but-two{
  background-color: #FFFFFF;
  color: #FF874E;
  border: 1px solid #FF874E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28rpx;
  box-shadow: 0 4rpx 18rpx 0 rgba(255,135,78,0.4);
}
.pub-line{
  width: 100%;
  height: 100rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 28rpx;
  color: #656565;
}
.pub-line view{
  width: 68rpx;
  margin-left: 20rpx;
  height: 2rpx;
  margin-right: 20rpx;
  background-color: #979797;
}
.pub-orders{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}