zssh-h5/components/bottom2.vue

55 lines
1.2 KiB
Vue

<template>
<view>
<view class="flex_items flex_center" style="width: 100%;">
<view class="botmenu flex_between flex_items">
<view class="flex_items flex_center btnbg" @click="goorder">
<view class="flex_start flex_items">
<image :src="dd" style="width: 42rpx;height: 41rpx;" mode=""></image>
<text class="f28 ml20" style="color: #B04901;">我的订单</text>
</view>
</view>
<view style="width:15rpx;"></view>
<view class="flex_items flex_center btnbg" @click="takeout('isdt')">
<view class="flex_start flex_items">
<image :src="cp" style="width: 42rpx;height: 41rpx;" mode=""></image>
<text class="f28 ml20" style="color: #B04901;">退订产品</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
dd: require("@/static/yellow/dd.png"),
cp: require("@/static/yellow/cp.png"),
}
},
methods: {
goorder() {
uni.navigateTo({
url: "/pages/my/index"
})
},
takeout(e){
this.$emit('taked',e)
}
}
}
</script>
<style>
.botmenu {
width: 100%;
}
.btnbg {
background-image: url('~@/static/yellow/btnbg.png') !important;
background-size: 100% 100%;
height: 84rpx;
width: 332rpx;
}
</style>