aa

jiangping

2024-08-02 7dc29ed74ebaa8a0e66f68264d9a13f95dc3af21

 wechat_jiaxuan/pages/consult/detail.wxss

@@ -1,27 +1,27 @@
.main_content {
  padding: 40rpx 40rpx 100rpx;
  padding: 40rpx 40rpx 160rpx;
}
.main_content .main_title {
  font-weight: 500;
  font-size: 44rpx;
  color: #222222;
  margin-bottom: 12rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.main_content .datetime {
  margin-bottom: 32rpx;
  font-size: 26rpx;
  color: #999999;
}
.footer {
  display: flex;
  align-items: center;
  height: 100rpx;
.share_btn {
  position: fixed;
  bottom: 0;
  bottom: 16rpx;
  left: 40rpx;
  width: 670rpx;
}
.footer .sub_btn {
  display: flex;
  justify-content: center;
  align-items: center;
@@ -34,11 +34,38 @@
  box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(176, 135, 113, 0.3), inset 0rpx 2rpx 2rpx 0rpx rgba(255, 255, 255, 0.33);
  border-radius: 8rpx;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 750rpx;
  background-color: #fff;
  box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
}
.footer .btns {
  display: flex;
  align-items: center;
  height: 100rpx;
  padding: 12rpx 40rpx;
}
.footer .sub_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72rpx;
  flex: 1;
  background-color: var(--themeColor);
  font-weight: 500;
  color: #FFFFFF;
  font-style: 28rpx;
  border-radius: 8rpx;
}
.footer .sub_btn .sheji {
  width: 28rpx;
  margin-right: 8rpx;
}
.footer .item {
  margin-top: 18rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
@@ -50,3 +77,30 @@
.footer .item .icon {
  width: 44rpx;
}
.share_modal .btns {
  min-height: 320rpx;
  display: flex;
  align-items: center;
}
.share_modal .btns .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 26rpx;
  background-color: #fff;
}
.share_modal .btns .item image {
  width: 80rpx;
  height: 80rpx;
  margin-bottom: 10rpx;
}
.share_modal .cancel {
  height: 80rpx;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1rpx solid #e5e5e5;
}