theluyuan/demingshangjia
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v

Browse Source
This commit is contained in:
zmr900709
2020-06-15 09:02:17 +08:00
parent f82d5653cc
commit 5a20ca8726
14 changed files with 688 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
components/release/tap.vue Normal file
View File

@@ -0,0 +1,101 @@
<template>
<view id="release">
<!-- 标签 -->
<view>
<view class="titles">标签</view>
<view class="form-view" @click="show_add()">+ 新建标签</view>
<view class="form-view" v-for="(item,index) in fileListes" :key="index">{{item}}</view>
</view>
<!-- 添加标签的按钮 -->
<u-popup v-model="show" mode="center" border-radius="14" :closeable="true">
<view class="text">
创建属于你的标签吧
</view>
<view class="u-inputes">
<u-input v-model="form.name" />
</view>
<u-button class="custom-style-button" shape="circle" size="default">确定</u-button>
</u-popup>
</view>
</template>
<script>
export default {
data() {
return {
form: {
name: '',
intro: '',
sex: ''
},
// 演示地址，请勿直接使用
action: 'http://www.example.com/upload',
fileList: [],
fileListes:["美妆","博主穿搭","美妆","美妆","美妆","美妆","美妆","博主穿搭"],
show: false
}
},
methods:{
show_add(){
console.log(this.show)
this.show = !this.show
}
}
}
</script>
<style lang="scss" scoped>
#release{
width: 690rpx;
margin: 0 auto;
.form-view{
background:rgba(255,120,15,1);
border-radius:6rpx;
margin-right: 20rpx;
font-size: 24rpx;
padding: 8rpx 20rpx;
display: inline-block;
margin-bottom: 28rpx;
color: #fff;
}
.titles{
font-size:30rpx;
font-weight:400;
color:rgba(51,51,51,1);
margin: 30rpx 0;
}
textarea{
font-size: 26rpx;
}
.custom-style{
background:rgba(255,120,15,1)!important;
color: #fff!important;
font-size: 36rpx;
}
.custom-style-button{
background:rgba(255,120,15,1)!important;
color: #fff!important;
font-size: 28rpx;
width: 200rpx;
margin-bottom: 23rpx;
line-height: 60rpx;
height: 60rpx;
}
}
.u-mode-center-box{
padding: 120rpx;
.text{
font-size: 30rpx;
margin-top: 74rpx;
text-align: center;
font-weight: 500;
color: #333;
}
}
.u-inputes{
margin: 30rpx 0;
border: 1px #ececec solid;
padding-left: 14rpx;
width: 420rpx;
}
</style>

125
components/release/tap_tosign.vue Normal file
View File

@@ -0,0 +1,125 @@
<template>
<view id="release">
<!-- 标签 -->
<view>
<view class="titles">标签</view>
<view class="form-view" @click="show_add()">+ 新建标签</view>
<view class="form-view" :class=" {'cur': rSelect.indexOf(index)!=-1} " @tap="tapInfo(index)" v-for="(item,index) in fileListes"
:key="index">{{item}}</view>
</view>
<!-- 添加标签的按钮 -->
<u-popup v-model="show" mode="center" border-radius="14" :closeable="true">
<view class="text">
创建属于你的标签吧
</view>
<view class="u-inputes">
<u-input v-model="form.name" />
</view>
<u-button class="custom-style-button" shape="circle" size="default">确定</u-button>
</u-popup>
</view>
</template>
<script>
export default {
data() {
return {
form: {
name: '',
intro: '',
sex: ''
},
// 演示地址，请勿直接使用
action: 'http://www.example.com/upload',
fileList: [],
fileListes: ["美妆", "博主穿搭", "美妆", "美妆", "美妆", "美妆", "美妆", "博主穿搭"],
show: false,
rSelect: []
}
},
methods: {
show_add() {
console.log(this.show)
this.show = !this.show
},
// 颜色切换
tapInfo(e) {
if (this.rSelect.indexOf(e) == -1) {
console.log(e) //打印下标
this.rSelect.push(e); //选中添加到数组里
} else {
this.rSelect.splice(this.rSelect.indexOf(e), 1); //取消
}
}
}
}
</script>
<style lang="scss" scoped>
#release {
width: 690rpx;
margin: 0 auto;
.form-view {
background: rgba(255, 255, 255, 1);
border-radius: 6rpx;
margin-right: 20rpx;
font-size: 24rpx;
padding: 8rpx 20rpx;
display: inline-block;
margin-bottom: 28rpx;
color: #333;
}
.titles {
font-size: 30rpx;
font-weight: 400;
color: rgba(255, 255, 255, 1);
margin: 30rpx 0;
}
textarea {
font-size: 26rpx;
}
.custom-style {
background: rgba(255, 120, 15, 1) !important;
font-size: 36rpx;
color: #fff;
}
.custom-style-button {
background: rgba(255, 120, 15, 1) !important;
color: #fff !important;
font-size: 28rpx;
width: 200rpx;
margin-bottom: 23rpx;
line-height: 60rpx;
height: 60rpx;
}
.cur {
color: white;
background-color: #ff5d00;
}
}
.u-mode-center-box {
padding: 120rpx;
.text {
font-size: 30rpx;
margin-top: 74rpx;
text-align: center;
font-weight: 500;
color: #333;
}
}
.u-inputes {
margin: 30rpx 0;
border: 1px #ececec solid;
padding-left: 14rpx;
width: 420rpx;
}
</style>