.button{ width: 40%; margin-top: 35rpx; color: red; border-radius: 60rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* pages/list/list.wxss */ .row,.row2{ margin-top: 2px; height :50px; width: 95%; margin-left:auto; margin-right:auto; background-color:white } page { background: #F6F6F6; display: flex; flex-direction: column; justify-content: flex-start; } .itm{ margin-left: 20px; color: rgb(99, 98, 101); font-style: initial; } .row2{ background-color:rgb(221, 206, 255); } .blk0,.blk1{ border: 1px solid rgb(178, 139, 255); width: 72px; height:30px; margin-left: 5px; border-radius: 10px; color: rgb(178, 139, 255); text-align: center; } .blk1{ border: 1px solid rgb(178, 139, 255); background-color: rgb(178, 139, 255); color: white; border-radius: 10px; } .row3{ display: flex; flex-direction: row; margin-top: 5px; } .i-cell-padding{ height: 28px; } .i-row-class{ margin-bottom:20px; } .circle-button{ font-size: 60rpx; color: white; text-align: center; border-radius: 100%; } .circle-view1{ height: 120rpx; width: 120rpx; background-color: #19be6b; border-radius: 100%; position: fixed; bottom: 100rpx; right: 40rpx; display: flex; align-items: center; justify-content: center; z-index: 9; border: 0 solid #ffffff; box-shadow: 4px 1px 1px #cccccc; } .circle-view2{ height: 120rpx; width: 120rpx; background-color: #1ea4ed; border-radius: 100%; position: fixed; bottom: 100rpx; right: 40rpx; display: flex; align-items: center; justify-content: center; z-index: 9; border: 0 solid #ffffff; box-shadow: 4px 1px 1px #cccccc; }