|
- /* pages/index/detail/index.wxss */
- .index-slide-view{
- position: relative;
- width: 750rpx;
- height: 260rpx;
- overflow: hidden;
- /* margin:-132rpx auto 0; */
- border-radius:16rpx;
- box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15);
- }
- .index-slide,
- swiper-item
- .index-slide-image {
- display: block;
- width: 750rpx;
- height: 560rpx;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
-
- }
- .index-slide-view .dots{
- position: absolute;
- left: 0;
- right: 0;
- bottom: 20rpx;
- display: flex;
- justify-content: center;
- }
- .index-slide-view .dots .dot{
- margin: 0 8rpx;
- width: 12rpx;
- height: 12rpx;
- background: #b6b6b7;
- border-radius: 50%;
- transition: all .6s;
- }
- .index-slide-view .dots .dot.active{
- background: #02C0FF;
- width: 30rpx;
- height: 12rpx;
- border-radius:10rpx;
- opacity: 1;
- }
- .bannerbg{
- width: 100%;
- }
- .bannerbg image{
- display: block;
- width: 100%;
- }
- .merchant-detail{
- width: 92%;
- margin: 0 auto;
- }
- .merchant-brand,.merchant-shop,.merchant-phone{
- width:100%;
- display:flex;
- padding:20rpx 0;
- background:#fff;
- }
- .merchant-brand view:nth-child(1) {
- width:160rpx;
- border-radius:16rpx;
- height:160rpx;
- }
- .merchant-brand view:nth-child(1) image {
- display:block;
- width:160rpx;
- height:160rpx;
- border-radius:16rpx;
- border:1px solid #e5e5e5;
- }
- .merchant-brand view:nth-child(2) {
- display:flex;
- flex-direction:column;
- flex:6;
- padding-left:30rpx;
- }
- .merchant-brand view:nth-child(2) text:nth-child(1){
- margin-top: 20rpx;
- }
- .merchant-shop,.merchant-phone{
- height: 60rpx;
- line-height: 60rpx;
- }
- .merchant-shop view,.merchant-phone view{
- display:flex;
- flex: 4;
- color:#333;
-
- }
- .merchant-shop view:nth-child(2),.merchant-phone view:nth-child(2){
- font-size: 30rpx;
- }
- .merchant-info{
- padding:0 30rpx;
- font-size: 28rpx;
- }
- .tel {
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 50rpx;
- height: 50rpx;
- }
- .shoplists{
- display: flex;
- }
- .shoplists text{
- flex: 2;
- }
- .godetail{
- color:#999999;
- font-size:30rpx;
- position: absolute;
- right: 10rpx;
- }
|