|
|
@@ -0,0 +1,657 @@
|
|
|
+<template>
|
|
|
+ <view class="product">
|
|
|
+ <view class="top"></view>
|
|
|
+ <view class="head">
|
|
|
+ <view class="handle">
|
|
|
+ <view class="head_left">
|
|
|
+ <span class="cuIcon-back" @click="back"></span>
|
|
|
+ </view>
|
|
|
+ <span class="center">添加品牌标品</span>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="search">
|
|
|
+ <span class="cuIcon-search"></span>
|
|
|
+ <!-- <input @blur="InputBlur" :adjust-position="false" type="text" placeholder="请输入关键词" confirm-type="search"> -->
|
|
|
+ <u-input v-model="productName" />
|
|
|
+ </input>
|
|
|
+ <view class="search_btn" @click.stop="getProductList">
|
|
|
+ <span></span>搜索
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list">
|
|
|
+ <view class="product_item" v-for="(item,index) in productList" :key="index" >
|
|
|
+ <view class="details">
|
|
|
+ <view class="img">
|
|
|
+ <image :src="item.productImage" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="data">
|
|
|
+ <span>{{item.productName}}</span>
|
|
|
+ <!-- <span>售卖时间：{{item.time}}</span> -->
|
|
|
+ <view class="repertory">售卖时间：{{item.saleStartDate}} - {{ item.saleEndDate }}</view>
|
|
|
+ <view class="price">
|
|
|
+ <span style="font-size: 22rpx;margin: 0px;">￥</span>{{item.soldPrice}}
|
|
|
+ <span style="color:#999 ;font-size: 22rpx; text-decoration: line-through;">￥{{item.price}}</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="tag" @click.stop="select(item)">
|
|
|
+ <!-- <span>组合套餐</span>
|
|
|
+ <span class="frame"></span> -->
|
|
|
+ <image src="/static/product/select.png" mode="" v-if="item.select"></image>
|
|
|
+ <image src="/static/product/round.png" mode="" v-else></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="creat">
|
|
|
+ <view class="operate" >
|
|
|
+ <view class="all" @click="allSelect">
|
|
|
+ <image src="/static/product/select.png" mode="" v-if="isAll"></image>
|
|
|
+ <image src="/static/product/round.png" mode="" v-else></image>
|
|
|
+ 全选
|
|
|
+ </view>
|
|
|
+ <view class="delete delist" @click="add()" >确认添加</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import configService from '../../common/service/config.service'
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isManage: false,
|
|
|
+ currentIndex: 0,
|
|
|
+ productStatus: 0, //商品状态，默认1售卖中，0未上架,2审核中，3未通过
|
|
|
+ isAll: false,
|
|
|
+ canBeDelete: true,
|
|
|
+ productName: '',
|
|
|
+ productList: [],
|
|
|
+ merchantId: '',
|
|
|
+ productHandleList: [],
|
|
|
+ tabIndex:1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //返回
|
|
|
+ back() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/product/index'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleClear() {
|
|
|
+ this.getProductList()
|
|
|
+ // 这里可以添加其他逻辑
|
|
|
+ },
|
|
|
+ //切换分类
|
|
|
+ selectType(item, index) {
|
|
|
+ if (!this.isManage) {
|
|
|
+ this.currentIndex = index
|
|
|
+ this.productStatus = item.code
|
|
|
+ this.getProductList()
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ add(){
|
|
|
+ this.productList.forEach((item => {
|
|
|
+ this.productHandleList.push(item.productId)
|
|
|
+ }))
|
|
|
+ let ids = this.productHandleList.join(',')
|
|
|
+ this.$http.get("/app/product/addPurveyorProduct?ids="+ ids)
|
|
|
+ .then(res => {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ this.$tip.error(res.data.message ||'添加成功');
|
|
|
+ this.back()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ select(item) {
|
|
|
+ item.select = !item.select
|
|
|
+ this.productHandleList.push(item.productId)
|
|
|
+ },
|
|
|
+ //全选
|
|
|
+ allSelect() {
|
|
|
+ if (this.isAll) {
|
|
|
+ this.isAll = false
|
|
|
+ this.productList.forEach(item => {
|
|
|
+ item.select = false
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.isAll = true
|
|
|
+ this.productList.forEach(item => {
|
|
|
+ item.select = true
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getProductList() {
|
|
|
+ this.$http.get("/app/product/purveyor/list?merchantId=" + this.merchantId + "&productStatus=" + this.productStatus +
|
|
|
+ '&productName=' + this.productName, )
|
|
|
+ .then(res => {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ res.data.result.records.forEach((item) => {
|
|
|
+ item.select = false;
|
|
|
+ item.productImage=configService.apiUrl +'/'+ item.productImage
|
|
|
+ })
|
|
|
+ this.productList = res.data.result.records
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ let that = this
|
|
|
+ uni.getStorage({
|
|
|
+ key: 'login_user_info',
|
|
|
+ success: function(res) {
|
|
|
+ that.merchantId = res.data.merchantId
|
|
|
+ }
|
|
|
+ })
|
|
|
+ uni.removeStorage({
|
|
|
+ key: 'smdate',
|
|
|
+ });
|
|
|
+ uni.removeStorage({
|
|
|
+ key: 'group',
|
|
|
+ });
|
|
|
+ this.getProductList()
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .product {
|
|
|
+ width: 100%;
|
|
|
+ height: 100vh;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ background: #F7F8FC;
|
|
|
+
|
|
|
+ .top {
|
|
|
+ width: 100%;
|
|
|
+ height: var(--status-bar-height);
|
|
|
+ background: linear-gradient(87deg, #FFFFFF 0%, #A3CDFF 100%), linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .head {
|
|
|
+ width: 100%;
|
|
|
+ background: #ffffff;
|
|
|
+
|
|
|
+ .handle {
|
|
|
+ height: 112rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0px 24rpx;
|
|
|
+ position: relative;
|
|
|
+ background: linear-gradient(87deg, #FFFFFF 0%, #A3CDFF 100%), linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
|
|
|
+
|
|
|
+ .head_left {
|
|
|
+ font-size: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ .head_right {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ span {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .manage {
|
|
|
+ // width: 150rpx;
|
|
|
+ margin-left: 28rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .search {
|
|
|
+ width: 93%;
|
|
|
+ height: 56rpx;
|
|
|
+ background: #F7F8FC;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 24rpx auto;
|
|
|
+ font-size: 26rpx;
|
|
|
+ padding: 13rpx 20rpx;
|
|
|
+
|
|
|
+ span {
|
|
|
+ margin-right: 15rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ input {
|
|
|
+ flex: 1;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search_btn {
|
|
|
+ width: 72rpx;
|
|
|
+ color: #333333;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ span {
|
|
|
+ display: block;
|
|
|
+ width: 1px;
|
|
|
+ height: 26rpx;
|
|
|
+ background-color: #eeeeee;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .type {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 8px 24rpx 16rpx;
|
|
|
+
|
|
|
+ .type_item {
|
|
|
+ height: 54rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #888888;
|
|
|
+ position: relative;
|
|
|
+ padding: 8rpx 12rpx;
|
|
|
+ background: #F2F3F5;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .active {
|
|
|
+ color: #2D88F4;
|
|
|
+ background: #ECF5FF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .list {
|
|
|
+ width: 100%;
|
|
|
+ flex: 1;
|
|
|
+ // padding: 0px 20rpx;
|
|
|
+ overflow-y: auto;
|
|
|
+
|
|
|
+ .product_item {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 20rpx 40rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+
|
|
|
+ .status {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .round {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #49A03F;
|
|
|
+ }
|
|
|
+
|
|
|
+ .round::before {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 9rpx;
|
|
|
+ height: 9rpx;
|
|
|
+ background: #49A03F;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .no {
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .no::before {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 9rpx;
|
|
|
+ height: 9rpx;
|
|
|
+ background: #666666;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .audit {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #596ABB;
|
|
|
+ }
|
|
|
+
|
|
|
+ .audit::before {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 9rpx;
|
|
|
+ height: 9rpx;
|
|
|
+ background: #596ABB;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .reject {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #F55D65;
|
|
|
+ }
|
|
|
+
|
|
|
+ .reject::before {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 9rpx;
|
|
|
+ height: 9rpx;
|
|
|
+ background: #F55D65;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .line {
|
|
|
+ display: block;
|
|
|
+ width: 1rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ background: #d9d9d9;
|
|
|
+ margin: 0 12rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .details {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ min-height: 132rpx;
|
|
|
+ height: 132rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 20rpx;
|
|
|
+
|
|
|
+ .img {
|
|
|
+ margin-right: 16rpx;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 132rpx;
|
|
|
+ height: 132rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .data {
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-weight: 600;
|
|
|
+ font-style: 28rpx;
|
|
|
+
|
|
|
+ .repertory {
|
|
|
+ font-size: 24rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #8A91A8;
|
|
|
+ font-weight: 400;
|
|
|
+ margin: 6rpx 0 10rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .price {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: 600;
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size: 26rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ font-weight: 400;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .tag {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn_box {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 20rpx;
|
|
|
+
|
|
|
+ .delist {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ border: 1px solid #CCCCCC;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .edit {
|
|
|
+ margin-left: 20rpx;
|
|
|
+ background: rgba(68, 154, 255, 0.05);
|
|
|
+ border: 1px solid #449AFF;
|
|
|
+ color: #449AFF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .creat {
|
|
|
+ width: 100%;
|
|
|
+ height: 100rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ width: 672rpx;
|
|
|
+ height: 76rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ background: linear-gradient(90deg, #77B6FF 0%, #449AFF 100%);
|
|
|
+ border-radius: 75rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .operate {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ // justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0px 20rpx;
|
|
|
+ justify-content: space-between;
|
|
|
+ .delete {
|
|
|
+ width: 205rpx;
|
|
|
+ height: 76rpx;
|
|
|
+ background: linear-gradient(90deg, #77B6FF 0%, #449AFF 100%);
|
|
|
+ border-radius: 49rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-right: 24rpx;
|
|
|
+ margin-left: 140rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .delist {
|
|
|
+ margin-left: 0rpx;
|
|
|
+ background: linear-gradient(90deg, #FFA05B 0%, #FF7918 100%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .all {
|
|
|
+ width: 25%;
|
|
|
+ // height: 60rpx;
|
|
|
+ // border: 1px solid #999;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .popup {
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ width: 570rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ padding: 0px 24rpx;
|
|
|
+ padding-bottom: 16rpx;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ width: 100%;
|
|
|
+ height: 86rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #333333;
|
|
|
+ font-weight: 600;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 35rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding-top: 28rpx;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ padding-bottom: 40rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+
|
|
|
+ .error {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .sub {
|
|
|
+ width: 320rpx;
|
|
|
+ height: 68rpx;
|
|
|
+ border-radius: 66rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0rpx auto;
|
|
|
+
|
|
|
+ .button {
|
|
|
+ width: 320rpx;
|
|
|
+ height: 68rpx;
|
|
|
+ background: #449AFF;
|
|
|
+ border-radius: 66rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .start {
|
|
|
+ background: #53CC48;
|
|
|
+ }
|
|
|
+
|
|
|
+ .rest {
|
|
|
+ background: #FF8024;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+.tab-container {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+
|
|
|
+.tab-item {
|
|
|
+ position: relative;
|
|
|
+ padding: 18rpx 0;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #333;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.tab-item.active {
|
|
|
+ color: #449AFF;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+.tab-item.active::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ bottom: -28px;
|
|
|
+ left: 35%;
|
|
|
+ width: 38rpx;
|
|
|
+ height: 100%;
|
|
|
+ background: url(/static/product/tab-act.png) no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+}
|
|
|
+</style>
|
lihongxiao
