/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /* uni.scss */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ .product_info_warp.data-v-ceb0d096 { height: calc(100vh - 196rpx); background-color: #F5F5F5; } .product_info_header_warp.data-v-ceb0d096 { position: relative; } .product_info_header_warp .img_comm.data-v-ceb0d096 { position: absolute; top: 140rpx; } .product_info_header_warp .left_warp.data-v-ceb0d096 { left: 40rpx; } .product_info_header_warp .right_warp.data-v-ceb0d096 { right: 40rpx; } .product_content_warp.data-v-ceb0d096 { border-radius: 30rpx 30rpx 0rpx 24rpx; padding: 20rpx; } .product_content_warp .content_data.data-v-ceb0d096 { padding: 20rpx; } .product_content_warp .content_data_price.data-v-ceb0d096 { font-weight: bold; font-size: 36rpx; color: #FF7C41; } .product_content_warp .content_data_price .price_o.data-v-ceb0d096 { font-weight: 500; font-size: 26rpx; color: #999999; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; margin-left: 10rpx; } .product_content_warp .content_data_title.data-v-ceb0d096 { font-weight: bold; font-size: 36rpx; color: #111111; margin-top: 10rpx; } .product_content_warp .content_data_series.data-v-ceb0d096 { display: flex; justify-content: space-between; align-items: center; font-weight: 500; font-size: 24rpx; color: #999999; margin-top: 10rpx; } .product_content_warp .content_concrete.data-v-ceb0d096 { padding: 20rpx; background: #FFFFFF; border-radius: 30rpx; margin-top: 20rpx; } .product_content_warp .content_concrete .concrete_item.data-v-ceb0d096 { display: flex; justify-content: space-between; font-size: 28rpx; padding: 20rpx 0; } .product_content_warp .content_concrete .concrete_item_.data-v-ceb0d096 { display: flex; width: 100%; } .product_content_warp .content_concrete .concrete_item_but.data-v-ceb0d096 { border-bottom: 1rpx solid #EEEEEEFF; } .product_content_warp .content_concrete .concrete_item_title.data-v-ceb0d096 { color: #808080; width: 140rpx; } .product_content_warp .content_concrete .concrete_item_value.data-v-ceb0d096 { font-weight: 500; color: #1A1A1A; width: calc(100% - 140rpx); } .product_content_warp .content_concrete .concrete_item_value .address_warp.data-v-ceb0d096 { display: flex; margin-bottom: 10rpx; } .product_content_warp .content_concrete .concrete_item_value .address_72_warp.data-v-ceb0d096 { font-size: 24rpx; color: #808080; } .product_content_warp .content_concrete .concrete_item_bz.data-v-ceb0d096 { display: flex; } .product_content_warp .content_concrete .concrete_item_bz_item.data-v-ceb0d096 { margin-right: 20rpx; } .product_content_warp .content_concrete .concrete_item_bz_item_left.data-v-ceb0d096 { margin-left: 10rpx; } .content_details.data-v-ceb0d096 { background: #FFFFFF; border-radius: 24rpx; padding: 10rpx 10rpx 30rpx; margin-top: 30rpx; } .content_details .content_details_title.data-v-ceb0d096 { padding: 20rpx 30rpx; } .content_details img.data-v-ceb0d096, .content_details img[alt].data-v-ceb0d096 { max-width: 100%; } .product_but_warp.data-v-ceb0d096 { padding: 20rpx; position: fixed; bottom: 0; height: 160rpx; width: calc(100% - 40rpx); background-color: #FFFFFF; display: flex; justify-content: space-between; } .product_but_warp .product_but_left.data-v-ceb0d096 { display: flex; justify-content: space-between; width: 36%; } .product_but_warp .product_but_left .left_item.data-v-ceb0d096 { width: 50%; text-align: center; font-weight: 500; font-size: 20rpx; color: #666666; } .product_but_right.data-v-ceb0d096 { display: flex; justify-content: center; } .product_but_right .but_comm.data-v-ceb0d096 { text-align: center; padding: 20rpx 40rpx; color: #FFFFFF; height: 50rpx; } .product_but_right .join_warp.data-v-ceb0d096 { background: #FFA64F; border-radius: 16rpx 0rpx 0rpx 16rpx; } .product_but_right .buy_warp.data-v-ceb0d096 { background: #FF7C41; border-radius: 0rpx 16rpx 16rpx 0rpx; } .specification_warp.data-v-ceb0d096 { background-color: #F5F5F5; } .specification_warp .specification_adress_warp.data-v-ceb0d096 { padding: 30rpx; background: #FFFFFF; border-radius: 24rpx; } .specification_warp .specification_adress_msg.data-v-ceb0d096 { text-align: center; font-weight: 500; font-size: 24rpx; color: #808080; margin: 0 10rpx 0 20rpx; } .specification_warp .specification_adress_arr.data-v-ceb0d096 { display: flex; align-items: center; margin-top: 20rpx; } .specification_warp .address_title.data-v-ceb0d096 { font-weight: 500; font-size: 26rpx; color: #BBBBBB; margin-bottom: 10rpx; margin-right: 20rpx; width: 592rpx; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的文本 */ text-overflow: ellipsis; /* 使用省略号表示溢出的内容 */ } .specification_warp .address_title_sel.data-v-ceb0d096 { color: #333333; } .specification_warp .specification_product_warp.data-v-ceb0d096 { display: flex; background: #FFFFFF; border-radius: 24rpx; padding: 30rpx; margin-top: 20rpx; } .specification_warp .specification_product_warp .product_content.data-v-ceb0d096 { margin-left: 10rpx; display: grid; } .specification_warp .specification_product_warp .price_content_warp.data-v-ceb0d096 { font-size: 36rpx; color: #FF7C41; display: flex; align-items: center; } .specification_warp .specification_product_warp .price_content_coupon_warp.data-v-ceb0d096 { margin-left: 20rpx; padding: 4rpx 10rpx; text-align: center; color: #FF7C41; font-size: 22rpx; font-weight: 500; border: 1px solid #FF7C41; border-radius: 6rpx; } .specification_warp .specification_product_warp .oOrice_content_warp.data-v-ceb0d096 { font-size: 26rpx; color: #808080; line-height: 11rpx; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; margin-top: 10rpx; } .specification_warp .specification_product_warp .coupon_content_warp.data-v-ceb0d096 { font-weight: 500; font-size: 22rpx; color: #FF7C41; margin-top: 10rpx; } .specification_warp .specification_product_warp .inventory_warp.data-v-ceb0d096 { display: flex; font-weight: 500; font-size: 24rpx; color: #808080; } .specification_warp .specification_list_warp.data-v-ceb0d096 { background: #FFFFFF; border-radius: 24rpx; padding: 30rpx; margin-top: 20rpx; } .specification_warp .specification_list_warp .list_warp.data-v-ceb0d096 { margin-bottom: 30rpx; } .specification_warp .specification_list_warp .list_title_warp.data-v-ceb0d096 { font-weight: 500; font-size: 30rpx; color: #1A1A1A; line-height: 48rpx; } .specification_warp .specification_list_warp .specification_item_warp.data-v-ceb0d096 { justify-content: space-between; display: flex; flex-wrap: wrap; align-items: center; } .specification_warp .specification_list_warp .item_Warp.data-v-ceb0d096 { width: 48%; background: #F5F5F5; border-radius: 10rpx; color: #333333; text-align: center; padding: 10rpx 0; margin-top: 13rpx; font-size: 26rpx; font-weight: 500; } .specification_warp .specification_list_warp .item_Warp_no_warp.data-v-ceb0d096 { background: #F5F5F5; color: #999999; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .specification_warp .specification_list_warp .item_Warp_yes_warp.data-v-ceb0d096 { border: 1px solid #FF7C41; color: #FF7C41; background: #FFF1EB; } .specification_warp .specification_but.data-v-ceb0d096 { background: #FFFFFF; border-radius: 24rpx; padding: 30rpx; margin-top: 30rpx; } .specification_warp .specification_but .specification_buy.data-v-ceb0d096 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx; } .specification_warp .specification_but .specification_buy_but.data-v-ceb0d096 { width: 100%; padding: 20rpx 0; text-align: center; background-color: #FF7C41; color: #FFFFFF; margin-top: 20rpx; font-weight: 500; font-size: 28rpx; color: #FFFFFF; border-radius: 16rpx; } .popup_but.data-v-ceb0d096 { background-color: #FFFFFF; } .popup_but .but_comm.data-v-ceb0d096 { width: 40%; }