wangfukang
3 years ago
8 changed files with 525 additions and 75 deletions
@ -0,0 +1,173 @@ |
|||
<template> |
|||
<view> |
|||
<view class="formBox"> |
|||
<view class="swipe-action"> |
|||
<view class="swipe-action__content" @tap="onItemClick(item)" v-for="(item,index) in dataList" :key="index"> |
|||
<view class="swipe-action__content__left"> |
|||
<view class="swipe-action__content__text">{{item.name}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
dataList:[{ |
|||
name:'开单', |
|||
id:'kaidan' |
|||
},{ |
|||
name:'入库', |
|||
id:'ruku' |
|||
},{ |
|||
name:'挂单', |
|||
id:'guadan' |
|||
},{ |
|||
name:'推款', |
|||
id:'tuikuan' |
|||
},{ |
|||
name:'邀请返佣', |
|||
id:'fanyong' |
|||
},{ |
|||
name:'盘点', |
|||
id:'pandian' |
|||
},{ |
|||
name:'打卡规则', |
|||
id:'guize' |
|||
},{ |
|||
name:'新增商品', |
|||
id:'xinzengshangpin' |
|||
}] |
|||
} |
|||
}, |
|||
methods: { |
|||
onItemClick(item) { |
|||
uni.navigateTo({ |
|||
url: '/package1/other/tutorialDetail?id='+item.id |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.formBox { |
|||
.uni-data-select { |
|||
width: 100%; |
|||
} |
|||
|
|||
.tui-order-title { |
|||
position: relative; |
|||
font-size: 28upx; |
|||
line-height: 28upx; |
|||
padding-left: 16upx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.tui-order-title::before { |
|||
content: ''; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
border-left: 8upx solid $u-primary; |
|||
height: 120%; |
|||
border-radius: 4upx; |
|||
} |
|||
} |
|||
|
|||
.tui-tabbar { |
|||
width: 100%; |
|||
height: 98rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
font-size: 26rpx; |
|||
box-shadow: 0 0 1px rgba(0, 0, 0, .3); |
|||
padding-bottom: env(safe-area-inset-bottom); |
|||
z-index: 996; |
|||
} |
|||
|
|||
.u-page { |
|||
padding: 0; |
|||
} |
|||
|
|||
.u-demo-block__title { |
|||
padding: 10px 0 2px 15px; |
|||
} |
|||
|
|||
.swipe-action { |
|||
&__content { |
|||
background-color: #fff; |
|||
margin-bottom: 25rpx; |
|||
padding: 25rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
|
|||
&__left { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
&__right { |
|||
display: flex; |
|||
align-items: center; |
|||
flex-basis: 300rpx; |
|||
justify-content: space-between; |
|||
|
|||
&__text { |
|||
color: firebrick; |
|||
} |
|||
|
|||
&__money { |
|||
flex-basis: 100rpx; |
|||
color: red; |
|||
text-align: right; |
|||
} |
|||
} |
|||
|
|||
&__text { |
|||
padding: 12rpx 0; |
|||
width: 100%; |
|||
} |
|||
|
|||
&__time { |
|||
font-size: 22rpx; |
|||
color: #3a3a3a; |
|||
} |
|||
|
|||
&__icon { |
|||
flex-basis: 20rpx; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.edit-info { |
|||
height: 450 rpx; |
|||
padding: 25rpx; |
|||
|
|||
.title { |
|||
text-align: center; |
|||
font-size: 32rpx; |
|||
} |
|||
|
|||
.info-name { |
|||
display: flex; |
|||
align-items: center; |
|||
margin: 35rpx 0; |
|||
} |
|||
} |
|||
</style> |
|||
<style> |
|||
.u-radio { |
|||
margin: 15 upx 0; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,175 @@ |
|||
<template> |
|||
<view> |
|||
<view class="formBox"> |
|||
<view class="swipe-action"> |
|||
<view class="swipe-action__content" @tap="onItemClick(item)" v-for="(item,index) in dataList" :key="index"> |
|||
<view class="swipe-action__content__left"> |
|||
<view class="swipe-action__content__text">{{item.name}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
dataList:[{ |
|||
name:'开单', |
|||
id:'kaidan' |
|||
},{ |
|||
name:'入库', |
|||
id:'ruku' |
|||
},{ |
|||
name:'挂单', |
|||
id:'guadan' |
|||
},{ |
|||
name:'推款', |
|||
id:'tuikuan' |
|||
},{ |
|||
name:'邀请返佣', |
|||
id:'fanyong' |
|||
},{ |
|||
name:'盘点', |
|||
id:'pandian' |
|||
} |
|||
// ,{ |
|||
// name:'打卡规则', |
|||
// id:'guize' |
|||
// } |
|||
,{ |
|||
name:'新增商品', |
|||
id:'xinzengshangpin' |
|||
}] |
|||
} |
|||
}, |
|||
methods: { |
|||
onItemClick(item) { |
|||
uni.navigateTo({ |
|||
url: '/package1/other/tutorialDetail?id='+item.id |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.formBox { |
|||
.uni-data-select { |
|||
width: 100%; |
|||
} |
|||
|
|||
.tui-order-title { |
|||
position: relative; |
|||
font-size: 28upx; |
|||
line-height: 28upx; |
|||
padding-left: 16upx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.tui-order-title::before { |
|||
content: ''; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
border-left: 8upx solid $u-primary; |
|||
height: 120%; |
|||
border-radius: 4upx; |
|||
} |
|||
} |
|||
|
|||
.tui-tabbar { |
|||
width: 100%; |
|||
height: 98rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
font-size: 26rpx; |
|||
box-shadow: 0 0 1px rgba(0, 0, 0, .3); |
|||
padding-bottom: env(safe-area-inset-bottom); |
|||
z-index: 996; |
|||
} |
|||
|
|||
.u-page { |
|||
padding: 0; |
|||
} |
|||
|
|||
.u-demo-block__title { |
|||
padding: 10px 0 2px 15px; |
|||
} |
|||
|
|||
.swipe-action { |
|||
&__content { |
|||
background-color: #fff; |
|||
margin-bottom: 25rpx; |
|||
padding: 25rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
|
|||
&__left { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
&__right { |
|||
display: flex; |
|||
align-items: center; |
|||
flex-basis: 300rpx; |
|||
justify-content: space-between; |
|||
|
|||
&__text { |
|||
color: firebrick; |
|||
} |
|||
|
|||
&__money { |
|||
flex-basis: 100rpx; |
|||
color: red; |
|||
text-align: right; |
|||
} |
|||
} |
|||
|
|||
&__text { |
|||
padding: 12rpx 0; |
|||
width: 100%; |
|||
} |
|||
|
|||
&__time { |
|||
font-size: 22rpx; |
|||
color: #3a3a3a; |
|||
} |
|||
|
|||
&__icon { |
|||
flex-basis: 20rpx; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.edit-info { |
|||
height: 450 rpx; |
|||
padding: 25rpx; |
|||
|
|||
.title { |
|||
text-align: center; |
|||
font-size: 32rpx; |
|||
} |
|||
|
|||
.info-name { |
|||
display: flex; |
|||
align-items: center; |
|||
margin: 35rpx 0; |
|||
} |
|||
} |
|||
</style> |
|||
<style> |
|||
.u-radio { |
|||
margin: 15 upx 0; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue