123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119 |
- /* pages/LiveCustomer/LiveCustomer.wxss */
- /* page {
- height: 100%;
- width: 100%;
- } */
- .LiveCustomer{
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: fixed;
- z-index: 1000;
- right: 0;
- left: 0;
- bottom: 0;
- top: 0;
- }
- .Liveplay {
- width: 150px;
- position: fixed;
- right: 0;
- z-index: 1000;
- }
- .LiveCustomerScreen {
- width: 100%;
- height: 100%;
- position: fixed;
- z-index: 1000;
- }
- /* live-player {
- width: 150px;
- height: 225px;
- } */
- .chat{
- width: 100%;
- height: 80rpx;
- box-sizing: border-box;
- /* border-top: 2rpx solid #ccc; */
- position: absolute;
- bottom: 190rpx;
- left: 0;
- z-index: 1001;
- }
- .chat input{
- float: left;
- width: 81%;
- height: 60rpx;
- background: #ededed;
- margin: 20rpx 0 20rpx 30rpx;
- border-radius: 30rpx;
- font-size: 28rpx;
- padding-left: 40rpx;
- padding-right: 40rpx;
- }
- .chat .btn{
- float: right;
- width: 50rpx;
- height: 50rpx;
- border-radius: 0;
- background: none;
- margin: 27rpx 20rpx 0 20rpx;
- }
- .chat .btn image{
- width: 100%;
- height: 100%;
- }
- .chat button{
- float: left;
- width: 20%;
- height: 60rpx;
- margin: 20rpx 0 20rpx 20rpx;
- font-size: 28rpx;
- background: #fb752c;
- border-radius: 30rpx;
- color: #fff;
- line-height: 60rpx;
- }
- .scro {
- overflow-y: scroll;
- margin-bottom: 20rpx;
- }
- .user_img {
- width: 40rpx;
- height: 39rpx;
- float: left;
- margin-right: 18rpx;
- border: 1px solid #fff;
- }
- .chatbox {
- overflow: auto;
- position: absolute;
- z-index: 9999;
- height: 300rpx;
- bottom: 80rpx;
- width: 90%;
- padding-left: 30rpx;
- padding-right: 60rpx;
- }
- .talk {
- padding-left: 10rpx;
- font-size: 14px;
- }
- .talk .user {
- color: #60a2f0;
- /* display: inline-block; */
- /* vertical-align: middle; */
- }
- .talk .content {
- color: #60a2f0;
- height: 50rpx;
- display: inline-block;
- vertical-align: middle;
- }
- .online_number {
- color: #60a2f0;
- position: absolute;
- top: 1%;
- left: 3%;
- font-size: 12px;
- }
|