zhengwu-wechat-applet/pages/home/index.wxss

@import "./public/public.wxss";
.collectedTips{
  width:330rpx;
  position:fixed;
  right:-190px;
  top: 10px;
  height:auto;
  z-index:999;
  color:#FFF;
  border-radius:10rpx;
  font-size:30rpx;
  padding:10rpx;
  background:#333333;
  text-align: center;
}
.collectedTips::after{
  content:"";
  position:absolute;
  top:-6px;
  left:220rpx;
  border-bottom:6px solid #333333;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
}
.bg-scroll-view {
  width: 100%;
  height: 100%;
}
.header-search{
  display: flex;
  margin: 10rpx 30rpx;
}
.header-search>view:first-child{
  width: 140rpx;
  height:70rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.header-search>view:first-child>text{
  max-width: 100rpx;
  min-width: 64rpx;
  height:70rpx;
  line-height: 70rpx;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 32rpx;
  font-weight: 700;
  color: #333333;
  overflow:hidden; 
  text-overflow:ellipsis;
  white-space:nowrap; 
}
.header-search>view:first-child>image{
  width:15rpx;
  height:9rpx;
  margin: 30rpx 10rpx;
}
.banner{
  width: 750rpx;
  height: 200rpx;
  margin: 40rpx 30rpx;
  border-radius: 10rpx;
  position: relative;
}
.banner>swiper{
  width: 690rpx;
  height: 200rpx;  
  border-radius: 10rpx;
}

.dots{  
  width: 160rpx;
  height: 30rpx; 
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 265rpx;
  bottom: 0rpx;
  justify-content: center;
  align-items: center;
}  
/*未选中时的小圆点样式 */
.dot{
  width: 10rpx;  
  height: 10rpx;   
  border-radius: 50%;
  margin-right: 10rpx;
  background-color: #E1E1E1;
}
.dot:last-child{
  margin-right: 0;
}
.active{
  width: 10rpx;   
  height: 10rpx;
  background-color: #5674F0;
} 
.slide-image{
  width: 100%;
  height: 200rpx;
  border-radius: 10rpx;
}
.menu{
  display: flex;
  flex-direction: row;
  width: 730rpx;
  margin: 0 10rpx;
  /* justify-content: space-around; */
  flex-wrap: wrap;
}
.menu-one{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 146rpx;
  margin-bottom: 30rpx;
}
.menu-one>image{
  width: 94rpx;
  height: 94rpx;
  margin-bottom: 20rpx;
}
.menu-one>text{
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  font-weight: 600;
  color: #333333;
  text-align: center;
  line-height: 32rpx;  
}
.region-title{
  width: 690rpx;
  font-family: PingFangSC-Semibold;
  font-size: 40rpx;
  font-weight: 700;
  color: #333333;
  text-align: left;
  margin: 40rpx 30rpx 30rpx;
}
.convenient{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 30rpx;
  width: 690rpx;
}
.convenience{
  width: 223rpx;
  height: 154rpx;
  border: 1rpx solid #EFEFEF;
  box-shadow: 0 0 12px 0 #EFEDFF;
  border-radius: 8rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.convenience>image{
  width: 70rpx;
  height: 70rpx;
}
.convenience>text{
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #333333;
  text-align: center;  
  margin-top: 10rpx;
}
.service{
  display: flex;
  flex-flow: row wrap;
  margin: 0 30rpx;
  width: 690rpx;  
  justify-content: space-between;
}
.service-one{
  display: flex;
  flex-direction: row;
  width: 334rpx;
  height: 127rpx;
  border: 1px solid #EFEFEF;
  box-shadow: 0 0 12px 0 #EFEDFF;
  border-radius: 4rpx;  
  margin-bottom: 20rpx;
}
.service-one>image:first-child{
  width: 64rpx;
  height: 64rpx;
  margin: 30rpx 20rpx;
  border-radius: 50%;
}
.service-one>view:nth-child(2){
  display: flex;
  flex-direction: column;
  margin: 20rpx 0;
}
.service-one>view:nth-child(2)>text:nth-child(1){
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  line-height: 50rpx;
  font-weight: 600;
  color: #333333;
  text-align: left;
}
.service-one>view:nth-child(2)>text:nth-child(2){
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #999999;
  text-align: left; 
}