submit
This commit is contained in:
parent
b62fc09471
commit
e710d39e5e
@ -31,7 +31,9 @@
|
||||
|
||||
</div>
|
||||
<div class="content3">
|
||||
<div class="wrap1">
|
||||
<div @touchstart="touchStart"
|
||||
@touchmove="touchMove"
|
||||
@touchend="touchEnd" class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<image src="../../static/jx632@3x.png"></image>
|
||||
</div>
|
||||
@ -47,6 +49,13 @@
|
||||
<div class="wrap1_3_1_2">已延期</div>
|
||||
<div class="wrap1_3_1_3">点击补款</div>
|
||||
</div>
|
||||
<div class="wrap1_3_2">
|
||||
<div class="wrap1_3_2_1">货架号:</div>
|
||||
<div class="wrap1_3_2_2">12-02-13</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_4">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -59,7 +68,18 @@ import UImage from "../../uview-ui/components/u--image/u--image.vue";
|
||||
|
||||
export default {
|
||||
name: "index",
|
||||
components: {UImage, tabbar}
|
||||
components: {UImage, tabbar},
|
||||
methods:{
|
||||
touchMove(){
|
||||
console.log('touchMove')
|
||||
},
|
||||
touchStart(){
|
||||
console.log('touchStart')
|
||||
},
|
||||
touchEnd(){
|
||||
console.log('touchEnd')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
@ -73,6 +93,7 @@ export default {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
.content3{
|
||||
margin-top: 28rpx;
|
||||
.wrap1{
|
||||
overflow: hidden;
|
||||
padding-left: 20rpx;
|
||||
@ -88,7 +109,24 @@ export default {
|
||||
position: relative;
|
||||
width: 144rpx;
|
||||
height: 228rpx;
|
||||
.wrap1_3_2{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
left: 20rpx;
|
||||
position: absolute;
|
||||
bottom: 40rpx;
|
||||
.wrap1_3_2_1{
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
}
|
||||
.wrap1_3_2_2{
|
||||
color: #fff;
|
||||
font-size: 24rpx;
|
||||
|
||||
}
|
||||
}
|
||||
.wrap1_3_1{
|
||||
|
||||
padding-bottom: 6rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -179,6 +179,17 @@ var _default = {
|
||||
components: {
|
||||
UImage: UImage,
|
||||
tabbar: tabbar
|
||||
},
|
||||
methods: {
|
||||
touchMove: function touchMove() {
|
||||
console.log('touchMove');
|
||||
},
|
||||
touchStart: function touchStart() {
|
||||
console.log('touchStart');
|
||||
},
|
||||
touchEnd: function touchEnd() {
|
||||
console.log('touchEnd');
|
||||
}
|
||||
}
|
||||
};
|
||||
exports.default = _default;
|
||||
|
||||
@ -1 +1 @@
|
||||
<view class="order-goods _div data-v-c0c42e9e" style="{{'background:'+('url('+'../../static/bbj1@3x.png'+')')+';'}}"><view class="content1 _div data-v-c0c42e9e"><view class="wrap1 _div data-v-c0c42e9e"><tm-menu vue-id="541fae75-1" list="{{['已延期','即将到期']}}" class="data-v-c0c42e9e" bind:__l="__l" vue-slots="{{['default']}}"><view class="wrap1_1 _div data-v-c0c42e9e"><view class="wrap1_1_1 _div data-v-c0c42e9e">全部状态</view><image style="width:12rpx;height:8rpx;" src="../../static/dbx2@3x.png" class="data-v-c0c42e9e"></image></view></tm-menu></view><view class="wrap2 _div data-v-c0c42e9e"><view class="wrap2_1 _div data-v-c0c42e9e">订单库</view><view class="wrap2_2 _div data-v-c0c42e9e">*滑动删除</view><view class="_div data-v-c0c42e9e"></view></view><view class="wrap3 _div data-v-c0c42e9e">上传</view></view><view class="content2 _div data-v-c0c42e9e"><view class="wrap1 _div data-v-c0c42e9e"><view class="wrap1_1 _div data-v-c0c42e9e"><image src="../../static/zu1@3x.png" class="data-v-c0c42e9e"></image></view><view class="wrap1_2 _div data-v-c0c42e9e"></view><input placeholder-style="color: #C7C7C7;font-size: 20rpx;" placeholder="在此处搜索您的订单" class="data-v-c0c42e9e"/></view><view class="wrap2 _div data-v-c0c42e9e">搜索</view></view><view class="content3 _div data-v-c0c42e9e"><view class="wrap1 _div data-v-c0c42e9e"><view class="wrap1_1 _div data-v-c0c42e9e"><image src="../../static/jx632@3x.png" class="data-v-c0c42e9e"></image></view><view class="wrap1_2 _div data-v-c0c42e9e"><view class="wrap1_2_1 _div data-v-c0c42e9e">画作的名称</view><view class="wrap1_2_2 _div data-v-c0c42e9e">订单号:0129181232101</view><view class="wrap1_2_3 _div data-v-c0c42e9e">16平尺</view><view class="wrap1_2_4 _div data-v-c0c42e9e">2023.09.01-2023.09.18</view></view><view class="wrap1_3 _div data-v-c0c42e9e"><view class="wrap1_3_1 _div data-v-c0c42e9e"><view class="wrap1_3_1_1 _div data-v-c0c42e9e">2023.09.28</view><view class="wrap1_3_1_2 _div data-v-c0c42e9e">已延期</view><view class="wrap1_3_1_3 _div data-v-c0c42e9e">点击补款</view></view></view></view></view><tabbar vue-id="541fae75-2" current="{{1}}" class="data-v-c0c42e9e" bind:__l="__l"></tabbar></view>
|
||||
<view class="order-goods _div data-v-c0c42e9e" style="{{'background:'+('url('+'../../static/bbj1@3x.png'+')')+';'}}"><view class="content1 _div data-v-c0c42e9e"><view class="wrap1 _div data-v-c0c42e9e"><tm-menu vue-id="541fae75-1" list="{{['已延期','即将到期']}}" class="data-v-c0c42e9e" bind:__l="__l" vue-slots="{{['default']}}"><view class="wrap1_1 _div data-v-c0c42e9e"><view class="wrap1_1_1 _div data-v-c0c42e9e">全部状态</view><image style="width:12rpx;height:8rpx;" src="../../static/dbx2@3x.png" class="data-v-c0c42e9e"></image></view></tm-menu></view><view class="wrap2 _div data-v-c0c42e9e"><view class="wrap2_1 _div data-v-c0c42e9e">订单库</view><view class="wrap2_2 _div data-v-c0c42e9e">*滑动删除</view><view class="_div data-v-c0c42e9e"></view></view><view class="wrap3 _div data-v-c0c42e9e">上传</view></view><view class="content2 _div data-v-c0c42e9e"><view class="wrap1 _div data-v-c0c42e9e"><view class="wrap1_1 _div data-v-c0c42e9e"><image src="../../static/zu1@3x.png" class="data-v-c0c42e9e"></image></view><view class="wrap1_2 _div data-v-c0c42e9e"></view><input placeholder-style="color: #C7C7C7;font-size: 20rpx;" placeholder="在此处搜索您的订单" class="data-v-c0c42e9e"/></view><view class="wrap2 _div data-v-c0c42e9e">搜索</view></view><view class="content3 _div data-v-c0c42e9e"><view data-event-opts="{{[['touchstart',[['touchStart',['$event']]]],['touchmove',[['touchMove',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" class="wrap1 _div data-v-c0c42e9e" bindtouchstart="__e" bindtouchmove="__e" bindtouchend="__e"><view class="wrap1_1 _div data-v-c0c42e9e"><image src="../../static/jx632@3x.png" class="data-v-c0c42e9e"></image></view><view class="wrap1_2 _div data-v-c0c42e9e"><view class="wrap1_2_1 _div data-v-c0c42e9e">画作的名称</view><view class="wrap1_2_2 _div data-v-c0c42e9e">订单号:0129181232101</view><view class="wrap1_2_3 _div data-v-c0c42e9e">16平尺</view><view class="wrap1_2_4 _div data-v-c0c42e9e">2023.09.01-2023.09.18</view></view><view class="wrap1_3 _div data-v-c0c42e9e"><view class="wrap1_3_1 _div data-v-c0c42e9e"><view class="wrap1_3_1_1 _div data-v-c0c42e9e">2023.09.28</view><view class="wrap1_3_1_2 _div data-v-c0c42e9e">已延期</view><view class="wrap1_3_1_3 _div data-v-c0c42e9e">点击补款</view></view><view class="wrap1_3_2 _div data-v-c0c42e9e"><view class="wrap1_3_2_1 _div data-v-c0c42e9e">货架号:</view><view class="wrap1_3_2_2 _div data-v-c0c42e9e">12-02-13</view></view></view><view class="wrap1_4 _div data-v-c0c42e9e"></view></view></view><tabbar vue-id="541fae75-2" current="{{1}}" class="data-v-c0c42e9e" bind:__l="__l"></tabbar></view>
|
||||
Loading…
Reference in New Issue
Block a user