实例介绍
【实例简介】
【实例截图】
【核心代码】
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <title>优康云</title> <link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/theme-custom.css"> <style> .content{ background-color: #a2c9d8; } .main-list{ position: relative; } .problemList{ float: left; } .subject{ margin: 1rem 1.5rem; color: #fff; } .subject h3{ font-size: 0.8rem; } .subject p{ font-size: 0.75rem; margin: 0.3rem 0.75rem; line-height: 1.2rem; } .option{ margin: 0.3rem 0.5757rem; } .option li{ margin: 0.3rem 1rem 0.5rem; width: 6.8rem; position: relative; display: inline-flex; } .option li.on{ background-color: #44b1c9; color: #fff; border: 0.1rem solid #44b1c9; } .option li span{ width: 6rem; text-align: center; border-radius: 0.5rem; border: 0.1rem solid #fff; color: #fff; font-size: 0.7rem; padding: 0.3rem; display: block; } .option li .on span{ background-color: #44b1c9; color: #fff; border: 0.1rem solid #44b1c9; } .btn-groups{ width: 100%; height: 3rem; position: fixed; bottom: 0; left: 0; background-color: rgba(162,201,216,.8); } .btn-groups-height{ height: 3rem; } .submit{ display: block; float:left; background-color: #44b1c9; color:#fff; width: 6rem; font-size: 0.7rem; padding: 0.5rem 0; text-align: center; border-radius: 0.15rem; margin: 0.5rem 2rem; } .submit:active{ background: rgba(68,177,201,.5); } .btn-groups .prev{ position: absolute; left: 0; bottom: 0; } .btn-groups .next,.btn-groups .save{ position: absolute; right: 0; bottom: 0; } input[type='checkbox']{ width: 100%; height: 100%; -webkit-appearance: checkbox; position: absolute; opacity: 0; top: 0; left: 0; } input[type='radio']{ width: 100%; height: 100%; -webkit-appearance: radio; position: absolute; opacity: 0; top: 0; left: 0; } input[type='checkbox']:checked span,input[type='radio']:checked span{ background-color: #44b1c9; color: #fff; border: 0.1rem solid #44b1c9; } /*动画*/ .slide-enter,.slide_back-enter{ position: absolute; width: 100%; } .slide-leave,.slide_back-leave{ position: absolute; width: 100%; } .slide-enter-active,.slide_back-enter-active{ transition: all 0.3s linear; } .slide-leave-active{ position: absolute; transition: all 0.3s linear; transform: translate(-100%); } .slide-enter{ transform: translateX(100%); } .slide_back-leave-active{ position: absolute; transition: all 0.3s linear; transform: translate(100%); } .slide_back-enter{ transform: translateX(-100%); } </style> <script src="js/vue.min.js"></script> <script src="js/rem.js"></script> </head> <body> <div id="app"> <div class="content"> <div class="header"> <header class="mint-header is-fixed"> <div class="mint-header-button is-left"> <a href="javascript:history.back(-1)" class=""> <button class="mint-button mint-button--default mint-button--normal"> <span class="mint-button-icon"><i class="mintui mintui-back"></i></span> <label class="mint-button-text">返回</label> </button> </a> </div> <h1 class="mint-header-title">健康评估量表</h1> <div class="mint-header-button is-right"> <button class="mint-button mint-button--default mint-button--normal"> <label class="mint-button-text">{{dataIndex 1}}/{{data.length}}</label> </button> </div> </header> <div class="mint-header-height"></div> </div> <div class="main"> <form id="form1" runat="server"> <div class="main-list clearfix"> <transition-group :name="transitionName"> <div class="problemList" v-show="dataIndex === index" v-for="(item, index) in data" :key="index"> <div class="subject"> <h3>{{index 1}}.{{item.subject.title}}</h3> <p>{{item.subject.describe}}</p> </div> <div class="option"> <ul class="clearfix"> <li v-if="item.multiSelect == 2" v-for="(li, liIndex) in item.subject.option" :key="liIndex" @click="choiceCheck(index,liIndex)"> <input type="checkbox" :value="li" v-model="item.checkbox" /> <span>{{li}}</span> </li> <li v-if="item.multiSelect == 0" v-for="(li, liIndex) in item.subject.option" :key="liIndex" @click="choiceRadio(index,liIndex)"> <input type="radio" :value="li" v-model="item.checkbox" /> <span>{{li}}</span> </li> <li v-if="item.multiSelect == 1" v-for="(li, liIndex) in item.subject.option" :key="liIndex" style="width: 15.6rem;"> <div v-for="(liChild, liChildIndex) in li.groups" :key="liChildIndex" :style="liChildIndex%2 == 0 ? 'margin-right: 1rem' : 'margin-left: 1rem;'" style="position: relative;" @click="choicCompose(index,liIndex,liChildIndex)" ref="childItem"> <span>{{liChild}}</span> </div> </li> </ul> </div> </div> </transition-group> </div> <div class="btn-groups-height"></div> <div class="btn-groups clearfix"> <span v-show="isPrev" class="submit prev" @click="prev">上一题</span> <span v-show="isNext" class="submit next" @click="next">下一题</span> <span v-show="isSubmit" class="submit save" @click="save">提交</span> </div> </form> </div> </div> </div> </body> </html> <script> new Vue({ el: '#app', data: { transitionName: 'slide', data: [{ subject: { title: '现患疾病', describe: '您目前是否患有下列疾病?(多选)', option: ['无', '糖尿病', '高血压', '肥胖症', '冠心病', '痛风', '偏头痛', '中风', '阻塞性肺病', '抑郁症', '胃癌', '直结肠癌', '肺癌', '脂肪肝', '其它恶性瘤' ], //选项 male: ['前列腺癌'], female: ['宫颈癌', '乳腺癌', '卵巢癌', '子宫癌'], }, checkbox: [], multiSelect: 2, //2为多选、0为单选、1为组合单选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '家族病史', describe: '您的父母或祖父母等直系亲属,是否患有下列疾病?(多选)', option: ['无', '糖尿病', '高血压', '肥胖症', '冠心病', '痛风', '偏头痛', '中风', '阻塞性肺病', '抑郁症', '胃癌', '直结肠癌', '肺癌', '脂肪肝', '其它恶性瘤' ], //选项 male: ['前列腺癌'], female: ['宫颈癌', '乳腺癌', '卵巢癌', '子宫癌'], }, checkbox: [], multiSelect: 2, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '主食摄入', describe: '您平均每天主食的摄入量是?(单选)', option: ['小于1碗', '1-2碗', '3-4碗', '5-6碗', '大于6碗', ], //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '饮食偏好', describe: '请选择下方您偏好的口味或食品类别(多选)', option: ['无', '甜食', '辛辣', '烫食', '咸食', '腌制', '硬食', '油腻', '煎炸', '烟熏', '高脂', '食动物内脏', ] //选项 }, checkbox: [], multiSelect: 2, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '饮食习惯', describe: '您是否存在下列饮食习惯?(多选)', option: ['无', '经常吃宵夜', '不吃或基本不吃早餐', '暴饮暴食', '饮食速度过快', '饭后立即运动', ] //选项 }, checkbox: [], multiSelect: 2, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '出行方式', describe: '您日常的出行方式是?(单选)', option: ['很少出行', '自行车', '步行', '乘车或开车', '公交或摩托'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '运动情况', describe: '您平均每周运动锻炼的时间总和是?(单选)', option: ['不锻炼', '小于1小时', '1-3小时', '4-5小时', '大于5小时'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '吸烟情况', describe: '您现在吸烟吗?(组合单选)', option: [{ groups: ['不吸烟', '戒烟大于等于7年'], }, { groups: ['吸烟', '戒烟小于7年'], }, { groups: ['常被动吸烟'], } ], //选项 }, checkbox: [], multiSelect: 1, //2为多选、0为单选、1为组合单选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '饮酒情况', describe: '您是否有饮酒的习惯?(单选)', option: ['否', '是', ] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '睡眠时间', describe: '您平均每天的睡眠时间是?(单选)', option: ['小于4小时', '4-6小时', '7-8小时', '大于8小时', ] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '睡眠情况', describe: '关于睡眠,您是否有下列情况?(多选)', option: ['无', '经常失眠', '服用药物才能入睡', '呼吸暂停综合症', ] //选项 }, checkbox: [], multiSelect: 2, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, { subject: { title: '环境调查', describe: '您工作或生活的环境中,是否存在下列污染?(单选)', option: ['无', '粉尘', '住宅附近工厂水源污染', '甲醛', '乙醛', '染发剂', '室内杀虫剂', '放射性物质', '油烟污染', ] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 isAddData: false, //判断是否已加载新数据 }, ], maleDate: [ //男性情况 { subject: { title: '其他调查', describe: '您平均每周的性生活频度是?(单选)', option: ['小于3次/周', '大于等于3次/周', ] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, ], femaleDate: [ //女性情况 { subject: { title: '生育情况', describe: '您是否已生育?(单选)', option: ['否', '是', ] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '妊娠调查', describe: '您初次妊娠的年龄是?(单选)', option: ['小于等于18岁', '大于18岁', ] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '妊娠情况', describe: '您妊娠的次数是?(单选)', option: ['未生育', '1~2个', '3个以上'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '经期调查', describe: '您近期的月经是否规律?或是否已经绝经?(单选)', option: ['月经周期不规律', '月经周期规律', '已绝经', '未绝经'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '绝经年龄', describe: '您最后一次月经的年龄是?(单选)', option: ['31-35岁', '36-40岁', '41-45岁', '46-50岁', '51-55岁', '56-60岁', '大于等于60岁'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '妇科手术', describe: '您是否实施过下列妇科手术?(多选)', option: ['无', '宫颈切除', '子宫切除', '乳腺双侧切除', '卵巢双侧切除'] //选项 }, checkbox: [], multiSelect: 2, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '服药情况', describe: '您是否服用雌激素类药物/避孕药?(单选)', option: ['否', '是'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '房事年龄', describe: '您的初次房事年龄?', option: ['小于等于16岁', '大于16岁'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '生育年龄', describe: '您生第一胎的年龄?', option: ['小于等于18岁', '大于18岁'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '叶酸摄入', describe: '您每日服用叶酸剂量?', option: ['大于等于0.4mg', '小于0.4mg'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '怀孕次数', describe: '您的怀孕次数?', option: ['未怀孕', '1~2次', '3次以上'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '其他调查', describe: '您初次房事的年龄是?(单选)', option: ['小于等于16岁', '大于16岁'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, ], sports: [ //运动 { subject: { title: '锻炼强度', describe: '大部分的锻炼时间中,您是进行的是下列那种强度?(单选)', option: ['极轻度运动', '轻度运动', '中度运动', '重度运动'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, ], smoke: [ //吸烟 { subject: { title: '吸烟习惯', describe: '您的吸烟习惯中,是否有下列情况?(多选)', option: ['无', '早晨15分钟内吸第一支烟', '早晨醒来后一小时比其他时间吸更多烟', '在禁烟场所或卧病时很难控制吸烟需求'] //选项 }, checkbox: [], multiSelect: 2, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '烟量调查', describe: '您平均每天要吸多少支香烟?(单选)', option: ['小于5支', '5-15支', '16-25支', '26-40支', '大于40支'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '烟龄调查', describe: '您的吸烟史有多长时间?(单选)', option: ['小于5年', '5-15年', '16-25年', '26-40年', '大于40年'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, ], drink: [ //饮酒 { subject: { title: '饮酒次数', describe: '您平均每周饮酒的次数是?(单选)', option: ['1-3次', '4-7次', '8-14次', '大于14次'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, { subject: { title: '饮酒总量', describe: '您平均每次的饮酒总量是?(单选)', option: ['小于100ml', '100-400ml', '401-800ml', '大于800ml'] //选项 }, checkbox: [], multiSelect: 0, //是否是多选 isSelect: false, //判断是否选中其中一个 isFirst: true, //判断是否点击多选第一个按钮 }, ], dataIndex: 0, //问题索引 isPrev: false, //上一题是否显示 isNext: false, //下一题是否显示 isSubmit: false, //提交是否显示 sex: '', //判断性别 }, mounted() { this.sex = '男'; //ajax请求返回的数据 if (this.sex == '女') { for (let i = 0; i < this.femaleDate.length; i ) { this.data.push(this.femaleDate[i]); } this.data.forEach((value, index, arr) => { if (this.data[index].subject.female) { for (let f = 0; f < this.data[index].subject.female.length; f ) { this.data[index].subject.option.splice(this.data[index].subject.option.length - 1, 0, this.data[index].subject.female[f]); } } }) } else { this.data.push(this.maleDate[0]); this.data.forEach((value, index, arr) => { if (this.data[index].subject.male) { for (let m = 0; m < this.data[index].subject.male.length; m ) { this.data[index].subject.option.splice(this.data[index].subject.option.length - 1, 0, this.data[index].subject.male[m]); } } }) } }, watch: { dataIndex(news, olds) { //动画切换 this.transitionName = news < olds ? 'slide_back' : 'slide'; } }, methods: { choicCompose(index, liIndex, liChildIndex) { //组合单选 this.choice(index, liIndex, 1, liChildIndex); }, choiceRadio(index, liIndex) { //单选操作 this.choice(index, liIndex, 0, null); }, choiceCheck(index, liIndex) { //多选操作 this.choice(index, liIndex, 2, null); }, choice(index, liIndex, choiceStyle, liChildIndex) { //console.log(liIndex) setTimeout(() => { switch (choiceStyle) { //判断多选、单选、组合单选 case 0: //单选 let radioTitle = this.data[index].subject.title; //运动情况显示是否添加数据 if (radioTitle == '运动情况' && (this.data[index].checkbox == '小于1小时' || this.data[ index].checkbox == '1-3小时' || this.data[index].checkbox == '4-5小时' || this.data[index].checkbox == '大于5小时')) { if (!this.data[index].isAddData) { //添加 for (let s = 0; s < this.sports.length; s ) { this.data.splice(index 1, 0, this.sports[s]); } this.data[index].isAddData = true; } } else if (radioTitle == '运动情况' && (this.data[index].checkbox == '不锻炼')) { if (this.data[index].isAddData) { //删除 this.data.splice(index 1, this.sports.length); this.data[index].isAddData = false; } } //饮酒情况 if (radioTitle == '饮酒情况' && (this.data[index].checkbox == '是')) { if (!this.data[index].isAddData) { //添加 for (let s = 0; s < this.drink.length; s ) { this.data.splice(index 1, 0, this.drink[s]); } this.data[index].isAddData = true; } } else if (radioTitle == '饮酒情况' && (this.data[index].checkbox == '否')) { if (this.data[index].isAddData) { //删除 this.data.splice(index 1, this.drink.length); this.data[index].isAddData = false; } } //console.log(this.data); break; case 1: //组合单选 let childIndex = liIndex * 2 liChildIndex; if (this.$refs.childItem[childIndex].className.length <= 0) { this.$refs.childItem[childIndex].className = 'on'; // 选中添加类 } else { this.$refs.childItem[childIndex].className = ''; // 选中再取消 } //判断索引- if (childIndex === 0 || childIndex === 1) { if (this.data[index].isAddData) { //删除 this.data.splice(index 1, this.smoke.length); this.data[index].isAddData = false; } this.$refs.childItem[childIndex].className = 'on'; this.$refs.childItem[2].className = ''; this.$refs.childItem[3].className = ''; } else if (childIndex === 2 || childIndex === 3) { if (!this.data[index].isAddData) { //添加 for (let s = 0; s < this.smoke.length; s ) { this.data.splice(index 1, 0, this.smoke[s]); } this.data[index].isAddData = true; } this.$refs.childItem[childIndex].className = 'on'; this.$refs.childItem[0].className = ''; this.$refs.childItem[1].className = ''; } // 获取选中结果 let arr = []; for (let i = 0; i < this.$refs.childItem.length; i ) { if (this.$refs.childItem[i].className.length > 0) { arr.push(this.$refs.childItem[i].innerText); } } this.data[index].checkbox = arr; //console.log(this.data[index].checkbox) break; case 2: //多选 if (liIndex == 0 && this.data[index].isFirst) { //判断多选是否选择“无”选项 this.data[index].checkbox = ['无']; this.data[index].isFirst = false; } else { this.data[index].checkbox.forEach((value, i) => { let firstIndex = this.data[index].checkbox.indexOf('无'); if (firstIndex == i) { this.data[index].checkbox.splice(firstIndex, 1); //删除多选第一个 } }) this.data[index].isFirst = true; } break; } if (this.data[index].checkbox.length > 0) { this.isNext = true; this.data[index].isSelect = true; } else { this.isNext = false; this.data[index].isSelect = false; } if (this.dataIndex === (this.data.length - 1)) { //判断是否是最后一题,并隐藏下一题按钮 this.isNext = false; } // console.log(this.data[index].checkbox) }) }, prev() { //上一题 this.dataIndex -= 1; if (this.dataIndex <= 0) { this.isPrev = false; } this.isNext = true; this.isSubmit = false; }, next() { //下一题 this.dataIndex = 1; if (this.dataIndex > 0) { this.isPrev = true; if (this.data[this.dataIndex].isSelect) { this.isNext = true; } else { this.isNext = false; } } if (this.data.length - 1 == this.dataIndex) { this.isNext = false; this.isSubmit = true; } }, save() { //保存数据---这是完成按钮 if (this.data[this.dataIndex].isSelect) { console.log(this.data); //this.data---需要保存到数据库的数据 } else { alert(this.data[this.dataIndex].subject.describe '必选'); } }, } }); </script>
好例子网口号:伸出你的我的手 — 分享!
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论