修正了钱包margin 关于我们的问题
This commit is contained in:
		
							parent
							
								
									9968b71ae4
								
							
						
					
					
						commit
						8e64fc337b
					
				@ -1,9 +1,9 @@
 | 
			
		||||
<template>
 | 
			
		||||
    <div class="nav-bottom">
 | 
			
		||||
        <div class="nav-container">
 | 
			
		||||
        <div class="nav-container" :style="color">
 | 
			
		||||
            <div v-for="(item, index) in navArray" :key="index" class="nav-item" @click="navto(item.route)">{{ item.name }}</div>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="copyright">Beelink公司版权所有  2019—2022</div>
 | 
			
		||||
        <div class="copyright" :style="color">Beelink公司版权所有  2019—2022</div>
 | 
			
		||||
    </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
@ -12,7 +12,9 @@ import router from '@/router';
 | 
			
		||||
import { defineComponent } from 'vue';
 | 
			
		||||
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
    name: 'NavBottom',
 | 
			
		||||
    props:{
 | 
			
		||||
        color: Object
 | 
			
		||||
    }, 
 | 
			
		||||
    setup(){
 | 
			
		||||
        interface Nav{
 | 
			
		||||
            name: string;
 | 
			
		||||
 | 
			
		||||
@ -215,7 +215,7 @@ export default defineComponent({
 | 
			
		||||
            updatedAt: "2020-08-19 11:54:59",
 | 
			
		||||
            value: "1"
 | 
			
		||||
        }])
 | 
			
		||||
        const languagelist=ref<any>({
 | 
			
		||||
        const languagelist=ref<any>([{
 | 
			
		||||
            alias: "",
 | 
			
		||||
            code: "104110011000",
 | 
			
		||||
            createdAt: "2020-08-14 11:08:28",
 | 
			
		||||
@ -226,7 +226,7 @@ export default defineComponent({
 | 
			
		||||
            publish: 1,
 | 
			
		||||
            updatedAt: "2020-08-14 11:08:28",
 | 
			
		||||
            value: "zh"
 | 
			
		||||
        })
 | 
			
		||||
        }])
 | 
			
		||||
        console.log(types.value)
 | 
			
		||||
        interface Nav{
 | 
			
		||||
            name: string;
 | 
			
		||||
 | 
			
		||||
@ -35,6 +35,16 @@
 | 
			
		||||
    <div class="button">
 | 
			
		||||
      <div class="modify" @click="update(videoid)">修改该视频</div>
 | 
			
		||||
      <div class="del" @click="drop(videoid)">删除该视频</div>
 | 
			
		||||
      <a-modal
 | 
			
		||||
        title="确认删除"
 | 
			
		||||
        v-model:visible="visible"
 | 
			
		||||
        :confirm-loading="confirmLoading"
 | 
			
		||||
        @ok="handleOk"
 | 
			
		||||
        okText="确定"
 | 
			
		||||
        cancelText="取消"
 | 
			
		||||
      >
 | 
			
		||||
        <p>您确认删除该视频吗?</p>
 | 
			
		||||
      </a-modal>
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
</template>
 | 
			
		||||
@ -108,7 +118,7 @@
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import { videodel } from '@/api';
 | 
			
		||||
import router from '@/router';
 | 
			
		||||
import { defineComponent } from "vue";
 | 
			
		||||
import { defineComponent, ref } from "vue";
 | 
			
		||||
import { useRoute } from 'vue-router';
 | 
			
		||||
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
@ -131,16 +141,32 @@ export default defineComponent({
 | 
			
		||||
    },
 | 
			
		||||
    setup(){
 | 
			
		||||
        console.log(1)
 | 
			
		||||
        const visible = ref(false);
 | 
			
		||||
        const confirmLoading = ref(false);
 | 
			
		||||
        let id = 0;
 | 
			
		||||
        function drop(e: number){
 | 
			
		||||
            console.log(e)
 | 
			
		||||
            videodel(e)
 | 
			
		||||
            console.log(e);
 | 
			
		||||
            id = e;
 | 
			
		||||
            visible.value = true;
 | 
			
		||||
        }
 | 
			
		||||
        function update(e: number) {
 | 
			
		||||
             router.push("/mine/video?id="+e)
 | 
			
		||||
        }
 | 
			
		||||
        function handleOk() {
 | 
			
		||||
         
 | 
			
		||||
          confirmLoading.value = true;
 | 
			
		||||
            videodel(id).then(()=>{
 | 
			
		||||
              visible.value = false;
 | 
			
		||||
              confirmLoading.value = false;
 | 
			
		||||
              router.back()
 | 
			
		||||
            })
 | 
			
		||||
        }
 | 
			
		||||
        return{
 | 
			
		||||
            drop,
 | 
			
		||||
            update
 | 
			
		||||
            update,
 | 
			
		||||
            confirmLoading,
 | 
			
		||||
            visible,
 | 
			
		||||
            handleOk
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
@ -10,9 +10,34 @@
 | 
			
		||||
          <div>立即登录</div>
 | 
			
		||||
          <div class="signnow">立即注册</div>
 | 
			
		||||
          <div class="line"></div>
 | 
			
		||||
          <img src="@/static/images/yuyan.png" alt="" class="icon">
 | 
			
		||||
          <div>中文</div>
 | 
			
		||||
          <img src="@/static/images/jiantou2.png" alt="" class="arrow">
 | 
			
		||||
           <a-dropdown :trigger="['click']" :getPopupContainer="triggerNode => triggerNode.parentNode">
 | 
			
		||||
                <div class="item" style="display: flex;align-items: center;" @click="e => e.preventDefault()">
 | 
			
		||||
                    <img src="@/static/images/yuyan.png" alt="" class="icon">
 | 
			
		||||
                    <div>{{userinfo.language}}</div>
 | 
			
		||||
                    <img src="@/static/images/jiantou2.png" alt="" class="arrow">
 | 
			
		||||
                </div>
 | 
			
		||||
                <template v-slot:overlay>
 | 
			
		||||
                    <a-menu style="max-height:70vh;overflow: auto;">
 | 
			
		||||
                        <!-- 语言 -->
 | 
			
		||||
                        <a-menu-item  v-for="(i,j) in languagelist" :key="j">
 | 
			
		||||
                            <div class="selitem" @click="setlanguage(i.value)">
 | 
			
		||||
                                <span>{{i.name}}</span>
 | 
			
		||||
                            </div>
 | 
			
		||||
                        </a-menu-item>
 | 
			
		||||
                        <!-- <a-menu-item key="1">
 | 
			
		||||
                            <div class="selitem">
 | 
			
		||||
                                <span>时区2cc</span>
 | 
			
		||||
                            </div>
 | 
			
		||||
                        </a-menu-item>
 | 
			
		||||
                        <a-menu-item key="3">
 | 
			
		||||
                            <div class="selitem">
 | 
			
		||||
                                <span>时区3c</span>
 | 
			
		||||
                            </div>
 | 
			
		||||
                        </a-menu-item> -->
 | 
			
		||||
                    </a-menu>
 | 
			
		||||
                </template>
 | 
			
		||||
            </a-dropdown>
 | 
			
		||||
          
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
@ -86,21 +111,39 @@
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="bottomnav">
 | 
			
		||||
      <NavBottom></NavBottom>
 | 
			
		||||
      <NavBottom :color="{'color': '#fff'}"></NavBottom>
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
import { defineComponent, ref } from "vue";
 | 
			
		||||
import { computed, defineComponent, ref } from "vue";
 | 
			
		||||
import NavBottom from '@/components/NavBottom.vue';
 | 
			
		||||
import store from '@/store';
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
  name: "About",
 | 
			
		||||
  components: {
 | 
			
		||||
    NavBottom
 | 
			
		||||
  },
 | 
			
		||||
  setup() {
 | 
			
		||||
    return {};
 | 
			
		||||
    const languagelist=ref<any>([{
 | 
			
		||||
        alias: "",
 | 
			
		||||
        code: "104110011000",
 | 
			
		||||
        createdAt: "2020-08-14 11:08:28",
 | 
			
		||||
        deletedAt: null,
 | 
			
		||||
        dictionaryid: 210,
 | 
			
		||||
        name: "中文",
 | 
			
		||||
        position: 1,
 | 
			
		||||
        publish: 1,
 | 
			
		||||
        updatedAt: "2020-08-14 11:08:28",
 | 
			
		||||
        value: "zh"
 | 
			
		||||
    }])
 | 
			
		||||
    const userinfo = computed(() => {
 | 
			
		||||
        return store.state.userinfo;
 | 
			
		||||
    })
 | 
			
		||||
    return {
 | 
			
		||||
      languagelist,
 | 
			
		||||
      userinfo
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
});
 | 
			
		||||
</script>
 | 
			
		||||
@ -120,6 +163,7 @@ export default defineComponent({
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    position: fixed;
 | 
			
		||||
    top: 0;
 | 
			
		||||
    z-index: 9999;
 | 
			
		||||
    .navcontent{
 | 
			
		||||
      width: 910px;
 | 
			
		||||
      margin: 0 auto;
 | 
			
		||||
 | 
			
		||||
@ -105,7 +105,7 @@
 | 
			
		||||
          您利用碎片时间,轻轻松松学会各种语言。
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="relation">
 | 
			
		||||
          <div class="more">了解更多</div>
 | 
			
		||||
          <div class="more" @click="navto()">了解更多</div>
 | 
			
		||||
          <img src="@/static/images/tel.png" alt="" class="icon">
 | 
			
		||||
          <div>136-0111-1111</div> 
 | 
			
		||||
 | 
			
		||||
@ -224,6 +224,10 @@ export default defineComponent({
 | 
			
		||||
      console.log(e)
 | 
			
		||||
      router.push("/regime/videoinfo?id="+e)
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    function navto(){
 | 
			
		||||
      router.push("/about")
 | 
			
		||||
    }
 | 
			
		||||
    return {
 | 
			
		||||
      formLayout,
 | 
			
		||||
      tabselected,
 | 
			
		||||
@ -239,7 +243,8 @@ export default defineComponent({
 | 
			
		||||
      myquhao,
 | 
			
		||||
      sublogin,
 | 
			
		||||
      videolist,
 | 
			
		||||
      tovideoxq
 | 
			
		||||
      tovideoxq,
 | 
			
		||||
      navto
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
@ -482,7 +482,7 @@ export default defineComponent({
 | 
			
		||||
      height: 226px;
 | 
			
		||||
      background: white;
 | 
			
		||||
      border-radius: 17px;
 | 
			
		||||
      margin-left: 17px;
 | 
			
		||||
      margin-right: 17px;
 | 
			
		||||
      margin-bottom: 17px;
 | 
			
		||||
      .hostinfo {
 | 
			
		||||
        display: flex;
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user