leave the time be…

本文讲述了老和尚通过调整小和尚的阅读方向来帮助其忘记时间,专注于诵读经文的故事。它强调了无论从事何种活动,只要能够将注意力集中在当前任务上,就能克服时间的感知。
   The old monk often took the young monk to the hill outside the temple to recite the lection.
   One day the young monk said to the old monk. "How slowly the time goes!"
   The old monk said, "You can have a try like this-in the moring sit to the west to read; and in the after-noon sit to the east to read."
   At the master's advice, the young monk recited the lection against the sun. By and by he neglected the passage of time.
   The next day he told the olk monk, "Master, you' re so masterly that I forget time with a switch of direc-tion and absorb myself in the lection."
  The old monk said, "whatever you do, only you leave the time behind can you focus on it completely."

无论做什么事,只有把时间放在身后,才能做到全神贯。
<template> <div class="baberrage"> <vue-danmaku class="danmaku" ref="danmaku" @leave="handleDanmuLeave" v-model:danmus="danmus" :isSuspend="false" :top="150" useSlot :loop="false" :speeds="speeds" :channels="1" > <template v-slot:dm="{ danmu, index }"> <div class="danmaku-name" :style="{ color: colorList[index % colorList.length] }" > <div class="leftBox"> <span class="bullet-item"> {{ danmu.instrument_name }}</span> <span class="bullet-item">{{ danmu.instrument_id }}</span> </div> <div class="rightBox"> <span class="bullet-item" ><span class="sunTitle">成交量    </span ><span class="suBitem">[{{ danmu.volume }}]</span></span > <span class="bullet-item" ><span class="sunTitle">持仓量    </span ><span class="suBitem">[{{ danmu.open_interest }}]</span></span > </div> </div> </template> </vue-danmaku> </div> </template> <script lang="ts" setup> import vueDanmaku from "vue3-danmaku"; import { reactive, ref, onMounted, defineProps, watch } from "vue"; const props = defineProps({ danmuList: { type: Array, required: true, default: () => [], // 默认值为空数组 }, }); const colorList = ref(["#A44F28 ", "#fe7708"]); const container = ref(null); const danmus = ref< { instrument_name: string; volume?: string; instrument_id: string; open_interest: string; }[] >([]); watch( () => props.danmuList, (newDanmuList) => { if (newDanmuList && Array.isArray(newDanmuList)) { console.log("danmuList 已更新:", newDanmuList); danmus.value = newDanmuList as { instrument_name: string; volume: string; instrument_id: string; open_interest: string; }[]; } else { console.log(newDanmuList); console.log(Array.isArray(newDanmuList)); console.warn("danmuList 数据无效"); } }, { immediate: true, deep: true } ); let isSuccess = ref(false); const speeds = ref(200); const danmuElements = ref([]); const danmaku = ref<InstanceType<typeof vueDanmaku> | null>(null); // 明确类型定义 onMounted(() => { // getArt(); }); const observer = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (!entry.isIntersecting) { // const danmuId = entry.target.dataset.id; console.log('弹幕移出可视区域:', entry.target); // 可以在这里触发自定义事件或处理逻辑 } }); }, { threshold: 0 } ); // 继续播放弹幕 const dplay = () => { if (danmaku.value) { danmaku.value.play(); } else { console.warn("Danmaku component is not initialized yet."); } }; // 暂停播放弹幕 const pause = () => { if (danmaku.value) { danmaku.value.pause(); } else { console.warn("Danmaku component is not initialized yet."); } }; // 显示弹幕 const show = () => { if (danmaku.value) { danmaku.value.show(); } else { console.warn("Danmaku component is not initialized yet."); } }; // 隐藏弹幕 const hide = () => { if (danmaku.value) { danmaku.value.hide(); } else { console.warn("Danmaku component is not initialized yet."); } }; // 弹幕加速 const addspeeds = () => { console.log(speeds.value); speeds.value += 20; }; // 弹幕减速 const jianspeeds = () => { console.log(speeds.value); speeds.value -= 20; }; </script> <style scoped> @import url("@/assets/styles/bullet.css"); .baberrage { /* padding-top: 70px; */ /* margin-top: 70px; */ width: 100%; height: 320px; overflow: hidden; /* background: url(@/assets/images/bac1.png); */ background-size: 100%; } .danmaku { width: 100%; height: 100%; } .danmaku-name { display: flex; margin-top: 70px; margin-right: 50px; } .leftBox { display: flex; flex-direction: column; justify-content: flex-end; font-size: 70px; } .rightBox { display: flex; flex-direction: column; /* justify-content: flex-end; */ justify-content: flex-end; font-size: 40px; } .suBitem { font-size: 55px; } .sunTitle { line-height: 120px; } .control { margin-top: 20px; } .control > button { margin-right: 12px; } .control > button:hover { background-color: #e73c7e; border: 1px solid #fff; color: #fff; cursor: pointer; animation: rightToleft 9s linear both; } .bullet-item { white-space: nowrap; /* background-color: rgba(0, 0, 0, 0.5); */ border-radius: 30px; height: 90px; /* color: #ffffff; */ line-height: 90px; padding-right: 20px; display: flex; font-family: SmileySans; font-weight: normal; /* font-size: 30px; */ /* color: #ffffff; */ /* line-height: 96px; */ text-align: left; font-style: normal; text-transform: none; } img { width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; } .success-box { width: 120px; height: 40px; border-radius: 8px; background: #f0f9eb; display: flex; justify-content: center; flex-direction: row; align-items: center; gap: 8px; position: absolute; top: 10%; left: 50%; margin-left: -65px; margin-top: -65px; color: #67c23a; text-align: center; font-size: 14px; font-weight: 600; } .success-box > img { display: inline-block; width: 20px; height: 20px; } </style> 在我这里面改
08-20
<template> <div class="baberrage"> <vue-danmaku class="danmaku" ref="danmaku" @leave="handleDanmuLeave" v-model:danmus="danmus" :isSuspend="false" :top="150" useSlot loop :speeds="speeds" :channels="1" > <template v-slot:dm="{ danmu, index }"> <div class="danmaku-name" :style="{ color: colorList[index % colorList.length] }" > <div class="leftBox"> <span class="bullet-item"> {{ danmu.instrument_name }}</span> <span class="bullet-item">{{ danmu.instrument_id }}</span> </div> <div class="rightBox"> <span class="bullet-item" ><span class="sunTitle">成交量    </span ><span class="suBitem">[{{ danmu.volume }}]</span></span > <span class="bullet-item" ><span class="sunTitle">持仓量    </span ><span class="suBitem">[{{ danmu.open_interest }}]</span></span > </div> </div> </template> </vue-danmaku> </div> <div class="success-box" v-if="isSuccess"> <!-- <img src="@/assets/images/success.png" alt="" /> --> <span>发布成功</span> </div> </template> <script lang="ts" setup> import vueDanmaku from "vue3-danmaku"; import { reactive, ref, onMounted, defineProps, watch } from "vue"; const props = defineProps({ danmuList: { type: Array, required: true, default: () => [], // 默认值为空数组 }, }); const colorList = ref(["#A44F28 ", "#fe7708"]); const danmus = ref< { instrument_name: string; volume?: string; instrument_id: string; open_interest: string; }[] >([]); watch( () => props.danmuList, (newDanmuList) => { if (newDanmuList && Array.isArray(newDanmuList)) { console.log("danmuList 已更新:", newDanmuList); danmus.value = newDanmuList as { instrument_name: string; volume: string; instrument_id: string; open_interest: string; }[]; } else { console.log(newDanmuList); console.log(Array.isArray(newDanmuList)); console.warn("danmuList 数据无效"); } }, { immediate: true, deep: true } ); let isSuccess = ref(false); const speeds = ref(200); const danmaku = ref<InstanceType<typeof vueDanmaku> | null>(null); // 明确类型定义 onMounted(() => { // getArt(); }); const handleDanmuLeave = (danmu) => { console.log("弹幕已离开可视区域:", danmu); }; // 继续播放弹幕 const dplay = () => { if (danmaku.value) { danmaku.value.play(); } else { console.warn("Danmaku component is not initialized yet."); } }; // 暂停播放弹幕 const pause = () => { if (danmaku.value) { danmaku.value.pause(); } else { console.warn("Danmaku component is not initialized yet."); } }; // 显示弹幕 const show = () => { if (danmaku.value) { danmaku.value.show(); } else { console.warn("Danmaku component is not initialized yet."); } }; // 隐藏弹幕 const hide = () => { if (danmaku.value) { danmaku.value.hide(); } else { console.warn("Danmaku component is not initialized yet."); } }; // 弹幕加速 const addspeeds = () => { console.log(speeds.value); speeds.value += 20; }; // 弹幕减速 const jianspeeds = () => { console.log(speeds.value); speeds.value -= 20; }; </script> <style scoped> @import url("@/assets/styles/bullet.css"); .baberrage { /* padding-top: 70px; */ /* margin-top: 70px; */ width: 100%; height: 320px; overflow: hidden; /* background: url(@/assets/images/bac1.png); */ background-size: 100%; } .danmaku { width: 100%; height: 100%; } .danmaku-name { display: flex; margin-top: 70px; margin-right: 50px; } .leftBox { display: flex; flex-direction: column; justify-content: flex-end; font-size: 70px; } .rightBox { display: flex; flex-direction: column; /* justify-content: flex-end; */ justify-content: flex-end; font-size: 40px; } .suBitem { font-size: 55px; } .sunTitle { line-height: 120px; } .control { margin-top: 20px; } .control > button { margin-right: 12px; } .control > button:hover { background-color: #e73c7e; border: 1px solid #fff; color: #fff; cursor: pointer; animation: rightToleft 9s linear both; } .bullet-item { white-space: nowrap; /* background-color: rgba(0, 0, 0, 0.5); */ border-radius: 30px; height: 90px; /* color: #ffffff; */ line-height: 90px; padding-right: 20px; display: flex; font-family: SmileySans; font-weight: normal; /* font-size: 30px; */ /* color: #ffffff; */ /* line-height: 96px; */ text-align: left; font-style: normal; text-transform: none; } img { width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; } .success-box { width: 120px; height: 40px; border-radius: 8px; background: #f0f9eb; display: flex; justify-content: center; flex-direction: row; align-items: center; gap: 8px; position: absolute; top: 10%; left: 50%; margin-left: -65px; margin-top: -65px; color: #67c23a; text-align: center; font-size: 14px; font-weight: 600; } .success-box > img { display: inline-block; width: 20px; height: 20px; } </style> 怎么加了没有用
08-20
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值